Move some styles to layout.css

main
Isaiah Odhner 2017-01-28 21:16:28 +00:00
parent d99d22103a
commit b1524c7839
2 changed files with 20 additions and 16 deletions

View File

@ -7,11 +7,6 @@
background: #7b7b7b;
border: 1px inset;
}
.jspaint-selection,
.jspaint-textbox {
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.jspaint-selection:after,
.jspaint-textbox:after {
content: '';
@ -89,9 +84,6 @@
color: #808080;
}
.jspaint-menu-hr {
display: block !important;
height: 0;
width: auto;
border: 0;
border-top: 1px solid #808080;
border-bottom: 1px solid #ffffff;
@ -100,10 +92,6 @@
.jspaint-menu-hotkey {
text-decoration: underline;
}
.jspaint-menu-item-checkbox-area,
.jspaint-menu-item-submenu-area {
text-align: center;
}
.jspaint-status-area {
font-family: 'Segoe UI', sans-serif;
@ -300,9 +288,6 @@
}
.jspaint-component-ghost {
z-index: 500;
}
.jspaint-component-ghost.dock {
outline: 1px solid black;
/*outline: 1px solid invert;*/
@ -430,7 +415,6 @@
}
.help-window .item {
display: inline-block;
font-family: 'Segoe UI', sans-serif;
font-size: 12px;
padding: 0 2px;

View File

@ -79,6 +79,11 @@ html, body, .jspaint {
.jspaint-menus {
flex: 0 0 auto;
}
.jspaint-selection,
.jspaint-textbox {
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.jspaint-selection > img,
.jspaint-selection > canvas {
width: 100%;
@ -89,6 +94,9 @@ html, body, .jspaint {
.jspaint-component-ghost {
pointer-events: none;
}
.jspaint-component-ghost {
z-index: 500;
}
.jspaint-textbox-editor {
width: 100%;
height: 100%;
@ -114,6 +122,11 @@ html, body, .jspaint {
.jspaint-menu-item {
white-space: nowrap;
}
.jspaint-menu-hr {
display: block !important;
height: 0;
width: auto;
}
.jspaint-menu-hotkey {
display: inline !important;
}
@ -121,6 +134,10 @@ html, body, .jspaint {
.jspaint-menu-item-submenu-area {
min-width: 16px;
}
.jspaint-menu-item-checkbox-area,
.jspaint-menu-item-submenu-area {
text-align: center;
}
.jspaint-status-area {
overflow: hidden;
@ -276,6 +293,9 @@ html, body, .jspaint {
display: block;
white-space: nowrap;
}
.help-window .item {
display: inline-block;
}
.help-window .folder:not(.expanded) ul {
display: none;
}