[Mobile] IN PROGRESS: Styling in forms, overlay and tree
open #74 .section-header and form-row styles changed in forms/_elems.scss; significant changes to overlay in mobile: full-screen, close button, more; tree hover bg changed to use rgba(#fff, 0.1); removed "Hide title by default" in core/bundle.json;
This commit is contained in:
@@ -24,16 +24,10 @@
|
||||
background: $colorOvrBlocker;
|
||||
z-index: 100;
|
||||
}
|
||||
.btn.close {
|
||||
@include border-radius($basicCr * 2);
|
||||
padding: 3px 6px;
|
||||
.clk-icon.close {
|
||||
position: absolute;
|
||||
border: none;
|
||||
top: $interiorMarginSm; right: $interiorMarginSm; bottom: auto; left: auto;
|
||||
top: $interiorMarginLg; right: $interiorMarginLg; bottom: auto; left: auto;
|
||||
z-index: 100;
|
||||
}
|
||||
.editor {
|
||||
// background: $colorBodyBg;
|
||||
}
|
||||
>.holder {
|
||||
$i: 15%;
|
||||
@@ -43,13 +37,13 @@
|
||||
top: $i; right: $i; bottom: $i; left: $i;
|
||||
z-index: 101;
|
||||
>.contents {
|
||||
$m: 25px;
|
||||
$m: $overlayMargin;
|
||||
top: $m; right: $m; bottom: $m; left: $m;
|
||||
}
|
||||
}
|
||||
.title {
|
||||
@include ellipsize();
|
||||
font-size: 1.3em;
|
||||
font-size: 1.2em;
|
||||
margin-bottom: $interiorMargin;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user