github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2025-06-07 17:24:33 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update some styles for the Mithril app

Browse Source
This commit is contained in:
Toby Zerner
2015-04-25 22:31:37 +09:30
parent b61017efdc
commit 31ec6f27ce
3 changed files with 15 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
less/forum/composer.less
View File

@ -108,7 +108,7 @@
pointer-events: none; pointer-events: none;
.transition(left 0.2s); .transition(left 0.2s);
.with-pane & { .has-pane.pane-pinned & {
left: @index-pane-width; left: @index-pane-width;
} }
} }
@ -122,18 +122,18 @@
height: 300px; height: 300px;
.transition(~"background 0.2s"); .transition(~"background 0.2s");
.index-index & { .index-page & {
margin-left: 205px; margin-left: 205px;
margin-right: -20px; margin-right: -20px;
} }
&.active, &.fullscreen { &.active, &.full-screen {
background: @fl-body-bg; background: @fl-body-bg;
} }
&.minimized { &.minimized {
height: 50px; height: 50px;
cursor: pointer; cursor: pointer;
} }
&.fullscreen { &.full-screen {
position: fixed; position: fixed;
left: 0; left: 0;
top: 0; top: 0;
@ -149,7 +149,7 @@
.minimized & { .minimized & {
padding: 10px 20px; padding: 10px 20px;
} }
.fullscreen & { .full-screen & {
max-width: 900px; max-width: 900px;
margin: 0 auto; margin: 0 auto;
padding: 30px; padding: 30px;
@ -160,7 +160,7 @@
margin-bottom: -20px; margin-bottom: -20px;
position: relative; position: relative;
.minimized &, .fullscreen & { .minimized &, .full-screen & {
display: none; display: none;
} }
} }

8
less/forum/index.less
View File

@ -70,7 +70,7 @@
.box-shadow(2px 2px 6px -2px @fl-shadow-color); .box-shadow(2px 2px 6px -2px @fl-shadow-color);
.transition(left 0.2s); .transition(left 0.2s);
&.showing { .pane-showing & {
left: 0; left: 0;
} }
& .container { & .container {
@ -106,7 +106,7 @@
@media @desktop-hd { @media @desktop-hd {
.index-area.paned { .index-area.paned {
.with-pane & { .pane-pinned & {
left: 0; left: 0;
z-index: @zindex-composer - 1; z-index: @zindex-composer - 1;
.transition(none); .transition(none);
@ -114,7 +114,7 @@
} }
// When the pane is pinned, move the other page content inwards // When the pane is pinned, move the other page content inwards
.global-content, .global-footer { .global-content, .global-footer {
.with-pane & { .has-pane.pane-pinned & {
margin-left: @index-pane-width; margin-left: @index-pane-width;
& .container { & .container {
max-width: 100%; max-width: 100%;
@ -123,7 +123,7 @@
} }
} }
.global-header .container { .global-header .container {
.with-pane & { .has-pane.pane-pinned & {
width: 100%; width: 100%;
} }
} }

5
less/forum/user.less
View File

@ -207,6 +207,11 @@
} }
& .loading-indicator { & .loading-indicator {
color: #fff; color: #fff;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
} }
& .dropdown-menu { & .dropdown-menu {
left: 35%; left: 35%;