Browse Source

Change Pop out link to image

Matt Baer 3 years ago
parent
commit
24afda61a7
2 changed files with 14 additions and 1 deletions
  1. 4
    0
      img/ic_launch.svg
  2. 10
    1
      popup.html

+ 4
- 0
img/ic_launch.svg View File

@@ -0,0 +1,4 @@
1
+<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
2
+    <path d="M0 0h24v24H0z" fill="none"/>
3
+    <path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"/>
4
+</svg>

+ 10
- 1
popup.html View File

@@ -74,6 +74,15 @@
74 74
 		border-bottom: 1px solid #dfdfdf;
75 75
 		min-height: 0;
76 76
 	}
77
+	a#popout {
78
+		padding: 0.5em;
79
+		position: absolute;
80
+		left: 0.75em;
81
+		bottom: 0.75em;
82
+	}
83
+	a#popout img {
84
+		vertical-align: middle;
85
+	}
77 86
 	body.popout a#popout {
78 87
 		display: none;
79 88
 	}
@@ -90,12 +99,12 @@
90 99
         <a id="url-link" target="_blank">Open</a>
91 100
       </div>
92 101
       <div id="publish-holder">
93
-        <a href="#" id="popout">Pop out</a>
94 102
         <input type="radio" name="font" value="sans" id="sans" checked="checked" /><label for="sans"> Sans</label>
95 103
         <input type="radio" name="font" value="norm" id="norm" /><label for="norm"> Serif</label>
96 104
         <input type="radio" name="font" value="mono" id="mono" /><label for="mono"> Monospace</label>
97 105
         <input type="radio" name="font" value="code" id="code" /><label for="code"> Code</label>
98 106
         <input id="publish" type="submit" value="Publish" />
107
+        <a href="#" id="popout"><img src="img/ic_launch.svg" /></a>
99 108
       </div>
100 109
     </form>
101 110