Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[SSE mobile] Fixed stlyles of statusbar

Browse source
This commit is contained in:
Alexander Yuzhin 2017-01-13 12:16:36 +03:00
parent 7c9dd75922
commit 6023cc1cb8
3 changed files with 175 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

97
apps/spreadsheeteditor/mobile/resources/css/app-ios.css
View file

File diff suppressed because one or more lines are too long

93
apps/spreadsheeteditor/mobile/resources/css/app-material.css
View file

File diff suppressed because one or more lines are too long

20
apps/spreadsheeteditor/mobile/resources/less/statusbar.less
View file

@ -1,14 +1,17 @@
@statusBarBorderColor: #cbcbcb;
@statusBarHeight: 30px; @statusBarHeight: 30px;
@fontColor: #000; @fontColor: #000;
.statusbar { .statusbar {
position: relative;
box-sizing: border-box; box-sizing: border-box;
background-color: @gray-light;
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
border-top: 1px solid @gray-dark; .hairline(top, @statusBarBorderColor);
height: @statusBarHeight; height: @statusBarHeight;
min-height: @statusBarHeight; min-height: @statusBarHeight;
display: flex; display: flex;
@ -20,9 +23,12 @@
.button { .button {
border: 0 none; border: 0 none;
border-radius: 0;
color: #000; color: #000;
font-size: 18px; font-size: 18px;
line-height: inherit; line-height: inherit;
min-width: 48px;
.hairline(right, @statusBarBorderColor);
} }
i.icon { i.icon {
@ -44,26 +50,26 @@
> li { > li {
list-style: none; list-style: none;
display: inline-block; display: inline-block;
position: relative;
.hairline(right, @statusBarBorderColor);
&:not(.active) { &:not(.active) {
a { a {
color: #848484; opacity: 0.5;
} }
} }
a { a {
display: inline-block; display: inline-block;
font-size: 12px;
padding: 0 10px 0; padding: 0 10px 0;
line-height: @statusBarHeight; line-height: @statusBarHeight;
margin-right: -1px; margin-right: -1px;
background-color: #f1f1f1;
outline: none; outline: none;
border: 1px solid #cbcbcb; color: @fontColor;
border-top: 0 none;
border-bottom: 0 none;
color: #000;
height: 100%; height: 100%;
&:hover { &:hover {
cursor: pointer; cursor: pointer;
} }