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