Skip to content

Commit f89db81

Browse files
CuperinoCuperino
committed
Improve editor toolbar responsive layout
- Separated above other windows button from opacity slider icon - Opacity slider stays up at smaller window sizes - Opacity slider hides at larger sizes while prompting - Changed order in which elements are auto-hidden - Updated points at which responsiveness updates to once again comply with rule of toolbar not changing height when switching prompter states Improves the situation from #369, by making cover all windows icon a dedicated icon that can be easily identified.
1 parent cb07d44 commit f89db81

File tree

18 files changed

+1825
-22
lines changed

18 files changed

+1825
-22
lines changed

‎src/fonts/icons/LICENSE.txt‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -37,22 +37,22 @@ Font license info
3737
Homepage: http://www.entypo.com
3838

3939

40-
## Typicons
40+
## Web Symbols
4141

42-
(c) Stephen Hutchings 2012
42+
Copyright (c) 2011 by Just Be Nice studio. All rights reserved.
4343

44-
Author: Stephen Hutchings
44+
Author: Just Be Nice studio
4545
License: SIL (http://scripts.sil.org/OFL)
46-
Homepage: http://typicons.com/
46+
Homepage: http://www.justbenicestudio.com/
4747

4848

49-
## Web Symbols
49+
## Typicons
5050

51-
Copyright (c) 2011 by Just Be Nice studio. All rights reserved.
51+
(c) Stephen Hutchings 2012
5252

53-
Author: Just Be Nice studio
53+
Author: Stephen Hutchings
5454
License: SIL (http://scripts.sil.org/OFL)
55-
Homepage: http://www.justbenicestudio.com/
55+
Homepage: http://typicons.com/
5656

5757

5858
## Modern Pictograms

‎src/fonts/icons/config.json‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -767,6 +767,12 @@
767767
"css": "list-numbered",
768768
"code": 61643,
769769
"src": "fontawesome"
770+
},
771+
{
772+
"uid": "c9d395b295ad7d9c28298dcea916c6df",
773+
"css": "popup",
774+
"code": 59392,
775+
"src": "websymbols"
770776
}
771777
]
772778
}

‎src/fonts/icons/css/animation.css‎

Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,85 @@
1+
/*
2+
Animation example, for spinners
3+
*/
4+
.animate-spin {
5+
-moz-animation: spin 2s infinite linear;
6+
-o-animation: spin 2s infinite linear;
7+
-webkit-animation: spin 2s infinite linear;
8+
animation: spin 2s infinite linear;
9+
display: inline-block;
10+
}
11+
@-moz-keyframes spin {
12+
0% {
13+
-moz-transform: rotate(0deg);
14+
-o-transform: rotate(0deg);
15+
-webkit-transform: rotate(0deg);
16+
transform: rotate(0deg);
17+
}
18+
19+
100% {
20+
-moz-transform: rotate(359deg);
21+
-o-transform: rotate(359deg);
22+
-webkit-transform: rotate(359deg);
23+
transform: rotate(359deg);
24+
}
25+
}
26+
@-webkit-keyframes spin {
27+
0% {
28+
-moz-transform: rotate(0deg);
29+
-o-transform: rotate(0deg);
30+
-webkit-transform: rotate(0deg);
31+
transform: rotate(0deg);
32+
}
33+
34+
100% {
35+
-moz-transform: rotate(359deg);
36+
-o-transform: rotate(359deg);
37+
-webkit-transform: rotate(359deg);
38+
transform: rotate(359deg);
39+
}
40+
}
41+
@-o-keyframes spin {
42+
0% {
43+
-moz-transform: rotate(0deg);
44+
-o-transform: rotate(0deg);
45+
-webkit-transform: rotate(0deg);
46+
transform: rotate(0deg);
47+
}
48+
49+
100% {
50+
-moz-transform: rotate(359deg);
51+
-o-transform: rotate(359deg);
52+
-webkit-transform: rotate(359deg);
53+
transform: rotate(359deg);
54+
}
55+
}
56+
@-ms-keyframes spin {
57+
0% {
58+
-moz-transform: rotate(0deg);
59+
-o-transform: rotate(0deg);
60+
-webkit-transform: rotate(0deg);
61+
transform: rotate(0deg);
62+
}
63+
64+
100% {
65+
-moz-transform: rotate(359deg);
66+
-o-transform: rotate(359deg);
67+
-webkit-transform: rotate(359deg);
68+
transform: rotate(359deg);
69+
}
70+
}
71+
@keyframes spin {
72+
0% {
73+
-moz-transform: rotate(0deg);
74+
-o-transform: rotate(0deg);
75+
-webkit-transform: rotate(0deg);
76+
transform: rotate(0deg);
77+
}
78+
79+
100% {
80+
-moz-transform: rotate(359deg);
81+
-o-transform: rotate(359deg);
82+
-webkit-transform: rotate(359deg);
83+
transform: rotate(359deg);
84+
}
85+
}

‎src/fonts/icons/css/fontello-codes.css‎

Lines changed: 130 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,130 @@
1+
@charset "UTF-8";
2+
3+
.icon-minus:before { content: '\2d'; } /* '-' */
4+
.icon-undo:before { content: '\21b6'; } /* '↶' */
5+
.icon-exchange:before { content: '\21c4'; } /* '⇄' */
6+
.icon-star-empty:before { content: '\2606'; } /* '☆' */
7+
.icon-ok:before { content: '\2713'; } /* '✓' */
8+
.icon-arrow-curved:before { content: '\2935'; } /* '⤵' */
9+
.icon-down-open-1:before { content: '\e0a4'; } /* '' */
10+
.icon-up-open:before { content: '\e0cb'; } /* '' */
11+
.icon-flag:before { content: '\e0e6'; } /* '' */
12+
.icon-ccw:before { content: '\e74f'; } /* '' */
13+
.icon-arrows-cw:before { content: '\e760'; } /* '' */
14+
.icon-arrow-combo:before { content: '\e7ff'; } /* '' */
15+
.icon-popup:before { content: '\e800'; } /* '' */
16+
.icon-cw:before { content: '\e801'; } /* '' */
17+
.icon-bold:before { content: '\e802'; } /* '' */
18+
.icon-italic:before { content: '\e803'; } /* '' */
19+
.icon-star:before { content: '\e804'; } /* '' */
20+
.icon-font:before { content: '\e805'; } /* '' */
21+
.icon-text-height:before { content: '\e806'; } /* '' */
22+
.icon-text-width:before { content: '\e807'; } /* '' */
23+
.icon-align-left:before { content: '\e808'; } /* '' */
24+
.icon-align-center:before { content: '\e809'; } /* '' */
25+
.icon-align-right:before { content: '\e80a'; } /* '' */
26+
.icon-align-justify:before { content: '\e80b'; } /* '' */
27+
.icon-scissors:before { content: '\e80c'; } /* '' */
28+
.icon-off:before { content: '\e80d'; } /* '' */
29+
.icon-asterisk:before { content: '\e80e'; } /* '' */
30+
.icon-magnet:before { content: '\e80f'; } /* '' */
31+
.icon-adjust:before { content: '\e810'; } /* '' */
32+
.icon-tint:before { content: '\e811'; } /* '' */
33+
.icon-book:before { content: '\e812'; } /* '' */
34+
.icon-floppy:before { content: '\e813'; } /* '' */
35+
.icon-play:before { content: '\e814'; } /* '' */
36+
.icon-stop:before { content: '\e815'; } /* '' */
37+
.icon-pause:before { content: '\e816'; } /* '' */
38+
.icon-to-end:before { content: '\e817'; } /* '' */
39+
.icon-to-end-alt:before { content: '\e818'; } /* '' */
40+
.icon-to-start:before { content: '\e819'; } /* '' */
41+
.icon-to-start-alt:before { content: '\e81a'; } /* '' */
42+
.icon-fast-fw:before { content: '\e81b'; } /* '' */
43+
.icon-fast-bw:before { content: '\e81c'; } /* '' */
44+
.icon-eject:before { content: '\e81d'; } /* '' */
45+
.icon-left-open:before { content: '\e81e'; } /* '' */
46+
.icon-right-open:before { content: '\e81f'; } /* '' */
47+
.icon-left-open-1:before { content: '\e821'; } /* '' */
48+
.icon-right-open-1:before { content: '\e822'; } /* '' */
49+
.icon-brush-1:before { content: '\e823'; } /* '' */
50+
.icon-picture:before { content: '\e837'; } /* '' */
51+
.icon-picture-1:before { content: '\e838'; } /* '' */
52+
.icon-monitor:before { content: '\e839'; } /* '' */
53+
.icon-desktop:before { content: '\e83a'; } /* '' */
54+
.icon-flight:before { content: '\e83b'; } /* '' */
55+
.icon-mail:before { content: '\e83c'; } /* '' */
56+
.icon-doc:before { content: '\e83e'; } /* '' */
57+
.icon-pencil:before { content: '\e83f'; } /* '' */
58+
.icon-logout:before { content: '\e840'; } /* '' */
59+
.icon-asl:before { content: '\e841'; } /* '' */
60+
.icon-bookmark:before { content: '\e843'; } /* '' */
61+
.icon-bookmark-1:before { content: '\e844'; } /* '' */
62+
.icon-bookmark-empty-1:before { content: '\e845'; } /* '' */
63+
.icon-wrench:before { content: '\e846'; } /* '' */
64+
.icon-search:before { content: '\e847'; } /* '' */
65+
.icon-search-1:before { content: '\e848'; } /* '' */
66+
.icon-globe-1:before { content: '\e849'; } /* '' */
67+
.icon-link:before { content: '\e84a'; } /* '' */
68+
.icon-download:before { content: '\e84b'; } /* '' */
69+
.icon-volume-up:before { content: '\e84c'; } /* '' */
70+
.icon-volume:before { content: '\e84d'; } /* '' */
71+
.icon-volume-down:before { content: '\e84e'; } /* '' */
72+
.icon-volume-off:before { content: '\e84f'; } /* '' */
73+
.icon-info-circled:before { content: '\e851'; } /* '' */
74+
.icon-folder-open:before { content: '\e852'; } /* '' */
75+
.icon-lamp:before { content: '\e854'; } /* '' */
76+
.icon-login:before { content: '\e855'; } /* '' */
77+
.icon-logout-1:before { content: '\e856'; } /* '' */
78+
.icon-login-1:before { content: '\e857'; } /* '' */
79+
.icon-stopwatch:before { content: '\e858'; } /* '' */
80+
.icon-print:before { content: '\e859'; } /* '' */
81+
.icon-share:before { content: '\e85a'; } /* '' */
82+
.icon-export:before { content: '\e85b'; } /* '' */
83+
.icon-floppy-1:before { content: '\e85c'; } /* '' */
84+
.icon-down-open:before { content: '\f004'; } /* '' */
85+
.icon-up-open-1:before { content: '\f005'; } /* '' */
86+
.icon-right-open-2:before { content: '\f006'; } /* '' */
87+
.icon-left-open-2:before { content: '\f007'; } /* '' */
88+
.icon-isight:before { content: '\f039'; } /* '' */
89+
.icon-videocam:before { content: '\f03a'; } /* '' */
90+
.icon-fontsize:before { content: '\f088'; } /* '' */
91+
.icon-bookmark-empty:before { content: '\f097'; } /* '' */
92+
.icon-docs:before { content: '\f0c5'; } /* '' */
93+
.icon-list-bullet:before { content: '\f0ca'; } /* '' */
94+
.icon-list-numbered:before { content: '\f0cb'; } /* '' */
95+
.icon-strike:before { content: '\f0cc'; } /* '' */
96+
.icon-underline:before { content: '\f0cd'; } /* '' */
97+
.icon-table:before { content: '\f0ce'; } /* '' */
98+
.icon-columns:before { content: '\f0db'; } /* '' */
99+
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
100+
.icon-paste:before { content: '\f0ea'; } /* '' */
101+
.icon-circle-empty:before { content: '\f10c'; } /* '' */
102+
.icon-spinner:before { content: '\f110'; } /* '' */
103+
.icon-circle:before { content: '\f111'; } /* '' */
104+
.icon-folder-open-empty:before { content: '\f115'; } /* '' */
105+
.icon-terminal:before { content: '\f120'; } /* '' */
106+
.icon-code:before { content: '\f121'; } /* '' */
107+
.icon-crop:before { content: '\f125'; } /* '' */
108+
.icon-unlink:before { content: '\f127'; } /* '' */
109+
.icon-superscript:before { content: '\f12b'; } /* '' */
110+
.icon-subscript:before { content: '\f12c'; } /* '' */
111+
.icon-mic:before { content: '\f130'; } /* '' */
112+
.icon-mute:before { content: '\f131'; } /* '' */
113+
.icon-ellipsis:before { content: '\f141'; } /* '' */
114+
.icon-ellipsis-vert:before { content: '\f142'; } /* '' */
115+
.icon-language-1:before { content: '\f1ab'; } /* '' */
116+
.icon-circle-notch:before { content: '\f1ce'; } /* '' */
117+
.icon-header:before { content: '\f1dc'; } /* '' */
118+
.icon-paragraph:before { content: '\f1dd'; } /* '' */
119+
.icon-share-1:before { content: '\f1e0'; } /* '' */
120+
.icon-calc:before { content: '\f1ec'; } /* '' */
121+
.icon-eyedropper:before { content: '\f1fb'; } /* '' */
122+
.icon-brush:before { content: '\f1fc'; } /* '' */
123+
.icon-hand-pointer-o:before { content: '\f25a'; } /* '' */
124+
.icon-trademark:before { content: '\f25c'; } /* '' */
125+
.icon-creative-commons:before { content: '\f25e'; } /* '' */
126+
.icon-american-sign-language-interpreting:before { content: '\f2a3'; } /* '' */
127+
.icon-sign-language:before { content: '\f2a7'; } /* '' */
128+
.icon-palette:before { content: '🎨'; } /* '\1f3a8' */
129+
.icon-loop-alt:before { content: '🔁'; } /* '\1f501' */
130+
.icon-loop:before { content: '🔄'; } /* '\1f504' */

‎src/fonts/icons/css/fontello-embedded.css‎

Lines changed: 188 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)