github-mirror/framework
github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2025-04-25 22:24:04 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Tweak composer full screen styles. closes flarum/core#102

Browse Source
This commit is contained in:
Toby Zerner 2015-06-01 08:48:50 +09:30
parent ae09240a3d
commit 0b1ff22168
1 changed files with 33 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
framework/core/less/forum/composer.less
View File

@ -17,27 +17,24 @@
& > li { & > li {
display: inline-block; display: inline-block;
margin-right: 10px; margin-right: -4px;
} }
& h3 { & h3 {
margin: 0 0 10px; margin: 0 0 10px;
line-height: 1.5em; line-height: 1.5em;
&, & input, & a { &, & input, & a {
color: @fl-body-muted-color; color: @fl-secondary-color;
font-size: 15px; font-size: 16px;
font-weight: normal; font-weight: normal;
transition: color 0.2s;
.active & {
color: @fl-body-primary-color;
}
} }
& input, & input[disabled] { & input {
background: none; &, &[disabled] {
border: 0; background: none;
padding: 0; border: 0;
height: auto; padding: 0 20px 0 0;
height: auto;
}
} }
} }
} }
@ -134,6 +131,15 @@
height: auto; height: auto;
} }
} }
.composer-controls {
.full-screen & .btn {
padding: 13px;
& .fa {
font-size: 20px;
}
}
}
.composer-header { .composer-header {
.minimized & { .minimized & {
pointer-events: none; pointer-events: none;
@ -167,14 +173,14 @@
float: left; float: left;
.avatar-size(64px); .avatar-size(64px);
.minimized & { .minimized &, .full-screen & {
display: none; display: none;
} }
} }
.composer-body { .composer-body {
margin-left: 90px; margin-left: 90px;
.minimized & { .minimized &, .full-screen & {
margin-left: 0; margin-left: 0;
} }
} }
@ -182,15 +188,19 @@
.minimized & { .minimized & {
visibility: hidden; visibility: hidden;
} }
.full-screen & textarea {
font-size: 16px;
}
} }
} }
@media @desktop, @desktop-hd { @media @desktop, @desktop-hd {
.composer { .composer:not(.full-screen) {
margin-left: -20px; margin-left: -20px;
margin-right: 180px; margin-right: 180px;
.index-page &:not(.full-screen) { .index-page & {
margin-left: 205px; margin-left: 205px;
margin-right: -20px; margin-right: -20px;
} }
@ -237,6 +247,12 @@
padding: 15px 20px; padding: 15px 20px;
border-top: 1px solid @fl-body-secondary-color; border-top: 1px solid @fl-body-secondary-color;
.full-screen & {
margin: 0;
border-top: 0;
padding: 20px 0;
}
& .btn-primary { & .btn-primary {
padding-left: 20px; padding-left: 20px;
padding-right: 20px; padding-right: 20px;