strepsirrhini/libreoffice-online
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

mobile: Move the spreadsheet.css related bits to device-mobile.css.

Browse source 
Change-Id: I711a578462729e3f1b5f7029565dd8edd1f7caf8
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/91479
Tested-by: Jan Holesovsky <kendy@collabora.com>
Reviewed-by: Jan Holesovsky <kendy@collabora.com>
This commit is contained in:
Jan Holesovsky 2020-04-01 11:52:12 +02:00
parent 4c8f194183
commit e42987ecf5
3 changed files with 89 additions and 90 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
loleaflet/Makefile.am
View file

@ -105,7 +105,6 @@ LOLEAFLET_CSS =\
$(srcdir)/css/impress.css \
$(srcdir)/css/impress-mobile.css \
$(srcdir)/css/spreadsheet.css \
$(srcdir)/css/spreadsheet-mobile.css \
$(srcdir)/css/writer.css \
$(srcdir)/css/writer-mobile.css \
$(srcdir)/css/editor.css \

89
loleaflet/css/device-mobile.css
View file

@ -150,3 +150,92 @@ div#w2ui-overlay-actionbar.w2ui-overlay{
#tb_formulabar_item_formula > div, #tb_formulabar_item_address > div {
margin-top: -16px;
}
/* Related to spreadsheet.css */
@-moz-document url-prefix() {
#spreadsheet-row-column-frame.readonly {
top: 36px !important;
}
#document-container.spreadsheet-document.readonly {
top: 56px !important;
}
#spreadsheet-row-column-frame {
top: 75px !important
}
#document-container.spreadsheet-document {
top: 95px !important;
}
}
#spreadsheet-toolbar {
bottom: 0;
}
.spreadsheet-tabs-container {
bottom: 0;
}
#spreadsheet-row-column-frame.readonly {
top: 37px !important;
}
#document-container.spreadsheet-document.readonly {
top: 57px !important;
}
#spreadsheet-row-column-frame {
top: 73px;
bottom: 36px;
}
.spreadsheet-tab{
background-color: #eaf5ff;
color: #4c4c4c;
border-radius: 3px;
border-color: #fbfbfb;
padding-top: 2px;
padding-bottom: 6px;
margin-top: 4px;
}
.spreadsheet-tab-selected{
color: #0b87e7 !important;
border-color: #0b87e7;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
margin-top: 2px;
padding-top: 5px;
padding-bottom: 7px;
}
.spreadsheet-tabs-container {
left: 24px;
}
.spreadsheet-tab-scroll {
overflow-x: scroll;
scrollbar-width: none; /*css draft (firefox only)*/
-ms-scrollbar: none; /*ie*/
-webkit-overflow-scrolling: touch;
}
.spreadsheet-tabs-container, #spreadsheet-toolbar{
background-color: #fff;
border-top: 1px solid #eceff4;
}
#spreadsheet-toolbar{
background-color: #fbfbfb;
border-top: 1px solid #eceff4;
height: 40px;
padding-top: 6px;
padding-left: 1px;
padding-bottom: 0px;
padding-right: 0px;
}
#spreadsheet-toolbar .w2ui-tb-image{
padding-top: 0px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
#toolbar-down table.w2ui-button.over {
border: 1px solid #eee;
background-color: #eeeeee;
border-radius: 0px;
}

89
loleaflet/css/spreadsheet-mobile.css
View file

@ -1,89 +0,0 @@
@media (max-width: 767px), (max-device-height: 767px) {
@-moz-document url-prefix() {
#spreadsheet-row-column-frame.readonly {
top: 36px !important;
}
#document-container.spreadsheet-document.readonly {
top: 56px !important;
}
#spreadsheet-row-column-frame {
top: 75px !important
}
#document-container.spreadsheet-document {
top: 95px !important;
}
}
#spreadsheet-toolbar {
bottom: 0;
}
.spreadsheet-tabs-container {
bottom: 0;
}
#spreadsheet-row-column-frame.readonly {
top: 37px !important;
}
#document-container.spreadsheet-document.readonly {
top: 57px !important;
}
#spreadsheet-row-column-frame {
top: 73px;
bottom: 36px;
}
.spreadsheet-tab{
background-color: #eaf5ff;
color: #4c4c4c;
border-radius: 3px;
border-color: #fbfbfb;
padding-top: 2px;
padding-bottom: 6px;
margin-top: 4px;
}
.spreadsheet-tab-selected{
color: #0b87e7 !important;
border-color: #0b87e7;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
margin-top: 2px;
padding-top: 5px;
padding-bottom: 7px;
}
.spreadsheet-tabs-container {
left: 24px;
}
.spreadsheet-tab-scroll {
overflow-x: scroll;
scrollbar-width: none; /*css draft (firefox only)*/
-ms-scrollbar: none; /*ie*/
-webkit-overflow-scrolling: touch;
}
.spreadsheet-tabs-container, #spreadsheet-toolbar{
background-color: #fff;
border-top: 1px solid #eceff4;
}
#spreadsheet-toolbar{
background-color: #fbfbfb;
border-top: 1px solid #eceff4;
height: 40px;
padding-top: 6px;
padding-left: 1px;
padding-bottom: 0px;
padding-right: 0px;
}
#spreadsheet-toolbar .w2ui-tb-image{
padding-top: 0px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
#toolbar-down table.w2ui-button.over {
border: 1px solid #eee;
background-color: #eeeeee;
border-radius: 0px;
}
}