[Libreoffice-commits] online.git: loleaflet/css
Jan Holesovsky (via logerrit)
logerrit at kemper.freedesktop.org
Thu Apr 2 07:07:22 UTC 2020
loleaflet/css/device-mobile.css | 171 +++++++++++++++++++++++++++++++++++++++
loleaflet/css/toolbar-mobile.css | 171 ---------------------------------------
2 files changed, 171 insertions(+), 171 deletions(-)
New commits:
commit b934b84ba0cb1bd8d8c51b18cf9fa62224f09a4f
Author: Jan Holesovsky <kendy at collabora.com>
AuthorDate: Wed Apr 1 12:22:45 2020 +0200
Commit: Jan Holesovsky <kendy at collabora.com>
CommitDate: Thu Apr 2 09:07:04 2020 +0200
mobile: Move the toolbar-related pieces.
Change-Id: I3cedfbdb6641d3e58f8faf16846cc25beb36e768
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/91481
Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice at gmail.com>
Reviewed-by: Jan Holesovsky <kendy at collabora.com>
diff --git a/loleaflet/css/device-mobile.css b/loleaflet/css/device-mobile.css
index 1dc1040fc..2ce4d27d2 100644
--- a/loleaflet/css/device-mobile.css
+++ b/loleaflet/css/device-mobile.css
@@ -342,3 +342,174 @@ button.vex-dialog-button-secondary.vex-dialog-button.vex-last {
padding-top: 160px !important;
padding-bottom: 160px !important;
}
+
+/* Related to toolbar.css */
+.insertshape-grid {
+ box-sizing: content-box;
+ position: absolute;
+ padding: 2px 0px 2px 0px;
+ display: inline-block;
+ width: 100%;
+ height: 100%;
+ overflow-y: scroll;
+}
+#toolbar-up.w2ui-toolbar{
+ padding-top: 0px;
+ padding-bottom: 0px;
+}
+#formulabar {
+ padding: 0px !important;
+ border-top: 1px solid #bbbbbb !important;
+}
+#tb_actionbar_item_fullscreen{display: none;}
+#toolbar-down {
+ height: 34px !important;
+ border-top: 1px solid #f1f1f1 !important;
+}
+#toolbar-down > .w2ui-scroll-wrapper {
+ overflow-x: scroll !important;
+ scrollbar-width: none; /*css draft (firefox only)*/
+ -ms-scrollbar: none; /*ie*/
+}
+#toolbar-down > .w2ui-scroll-wrapper::-webkit-scrollbar { /*webkit only*/
+ display: none;
+}
+#toolbar-down .w2ui-scroll-left, #toolbar-down .w2ui-scroll-right{
+ background: none;
+ height: 100%;
+ width: 0px;
+ top: 0%;
+ box-shadow: 8px 0 13px 2px #0b87e7, -6px 0px 6px 6px #007cdc;
+ border-radius: 0px;
+}
+#toolbar-down .w2ui-scroll-right{
+ right: 0;
+ -webkit-transform: rotate(180deg);
+ -moz-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ -o-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+#addressInput{
+ width: 60px !important;
+ border: 1px solid #bbbbbb;
+ border-bottom: none;
+ border-top: none;
+ border-left: none;
+ height: 35px !important;
+}
+.w2ui-icon.equal, .w2ui-icon.autosum{width: 38px !important;}
+#formulaInput{
+ border: 1px solid #bbbbbb;
+ border-bottom: none;
+ border-top: none;
+ border-right: none;
+ height: 35px !important;
+}
+
+#calc-inputbar-wrapper {
+ display: block;
+ border: none;
+}
+
+#calc-inputbar {
+ display: block;
+ width: 100%;
+ position: relative;
+ padding:0px;
+ margin: 0px;
+}
+
+#tb_actionbar_item_undo .w2ui-tb-image, #tb_actionbar_item_redo .w2ui-tb-image, #tb_actionbar_item_mobile_wizard .w2ui-tb-image, #tb_actionbar_item_prev .w2ui-tb-image, #tb_actionbar_item_next .w2ui-tb-image, #tb_actionbar_item_insertion_mobile_wizard .w2ui-tb-image, #tb_actionbar_item_insertcomment .w2ui-tb-image, #tb_actionbar_item_fullscreen-presentation .w2ui-tb-image{
+ min-width: 38px;
+}
+
+#tb_actionbar_item_userlist table{
+ margin: -1px 0px auto 3px !important;
+}
+#toolbar-up .checked{
+ border-color: #fff !important;
+ background: none !important;
+}
+#toolbar-up .checked .w2ui-tb-image, #toolbar-up .w2ui-tb-image:hover, #toolbar-up .w2ui-tb-image:focus, #toolbar-up .w2ui-tb-image:active, #toolbar-hamburger.menuwizard-closed:active{
+ -webkit-filter: drop-shadow(0px 0px 4px #0b87e7);
+ filter: drop-shadow(0px 0px 4px #0b87e7);
+}
+#toolbar-up .over{
+ border-color: #fff !important;
+}
+#toolbar-up .over:hover .w2ui-tb-image, #toolbar-up .over:active .w2ui-tb-image{
+ -webkit-filter: drop-shadow(0px 0px 4px #0b87e7);
+ filter: drop-shadow(0px 0px 4px #0b87e7);
+ border-color: #fff transparent;
+}
+#toolbar-down table.w2ui-button .w2ui-tb-image {
+ margin: 5px 9px 3px 9px!important;
+}
+.w2ui-toolbar .w2ui-break{
+ background-image: none;
+ background-color: #dae6f3;
+}
+#setgamma input.spinfield, #linewidth input.spinfield, #nolines input.spinfield{
+ width: 140px !important;
+}
+td[id^=tb_spreadsheet-toolbar_item] table.w2ui-button.over {
+ background: none;
+ border-color: #fff;
+}
+td[id^=tb_spreadsheet-toolbar_item]:focus table.w2ui-button, td[id^=tb_spreadsheet-toolbar_item]:active table.w2ui-button{
+ background-color: #eaf5ff;
+ outline: none;
+}
+td[id^=tb_spreadsheet-toolbar_item]:focus table.w2ui-button div.w2ui-icon, td[id^=tb_spreadsheet-toolbar_item]:active table.w2ui-button div.w2ui-icon{
+ -webkit-filter: grayscale(100%) brightness(80%) sepia(100%) hue-rotate(-190deg) saturate(900%) contrast(0.8);
+ filter: grayscale(100%) brightness(80%) sepia(100%) hue-rotate(-190deg) saturate(900%) contrast(0.8);
+}
+#toolbar-down table.w2ui-button:not(.checked) td.w2ui-tb-down > div {
+ border-top: none !important;
+ margin-top: 0 !important;
+ border-bottom: 5px solid #8D99A7 !important;
+}
+#toolbar-down table.w2ui-button.checked td.w2ui-tb-down > div {
+ border-bottom: none;
+ border-top: 5px solid #8D99A7;
+ margin-bottom: 5px !important;
+}
+#w2ui-overlay-editbar .menu{
+ border-radius: 3px;
+}
+#w2ui-overlay-editbar:before{
+ border: none !important;
+}
+#w2ui-overlay-editbar:after{
+ border: none;
+ border-top: 8px solid #000000;
+ border-top-color: inherit;
+ border-right: 8px solid transparent;
+ border-left: 8px solid transparent;
+ top: 100%;
+ margin-top: -3px;
+}
+#toolbar-search #tb_searchbar_item_search *{
+ width: 100% !important;
+}
+#toolbar-search input#search-input{
+ font-size: 16px;
+}
+#toolbar-search #tb_searchbar_item_left, #tb_searchbar_right {
+ display: none;
+}
+#toolbar-search #tb_searchbar_item_hidesearchbar{
+ padding: 1px 8px !important;
+}
+#toolbar-search #tb_searchbar_item_search{
+ width: 80%;
+}
+#toolbar-search #search-input-group > label{
+ display: none;
+}
+.context-menu-link{
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+}
diff --git a/loleaflet/css/toolbar-mobile.css b/loleaflet/css/toolbar-mobile.css
index a5bbbafcd..59c308ec7 100644
--- a/loleaflet/css/toolbar-mobile.css
+++ b/loleaflet/css/toolbar-mobile.css
@@ -10,174 +10,3 @@
top:-1px;
}
}
- at media (max-width: 767px), (max-device-height: 767px) {
- .insertshape-grid {
- box-sizing: content-box;
- position: absolute;
- padding: 2px 0px 2px 0px;
- display: inline-block;
- width: 100%;
- height: 100%;
- overflow-y: scroll;
- }
- #toolbar-up.w2ui-toolbar{
- padding-top: 0px;
- padding-bottom: 0px;
- }
- #formulabar {
- padding: 0px !important;
- border-top: 1px solid #bbbbbb !important;
- }
- #tb_actionbar_item_fullscreen{display: none;}
- #toolbar-down {
- height: 34px !important;
- border-top: 1px solid #f1f1f1 !important;
- }
- #toolbar-down > .w2ui-scroll-wrapper {
- overflow-x: scroll !important;
- scrollbar-width: none; /*css draft (firefox only)*/
- -ms-scrollbar: none; /*ie*/
- }
- #toolbar-down > .w2ui-scroll-wrapper::-webkit-scrollbar { /*webkit only*/
- display: none;
- }
- #toolbar-down .w2ui-scroll-left, #toolbar-down .w2ui-scroll-right{
- background: none;
- height: 100%;
- width: 0px;
- top: 0%;
- box-shadow: 8px 0 13px 2px #0b87e7, -6px 0px 6px 6px #007cdc;
- border-radius: 0px;
- }
- #toolbar-down .w2ui-scroll-right{
- right: 0;
- -webkit-transform: rotate(180deg);
- -moz-transform: rotate(180deg);
- -ms-transform: rotate(180deg);
- -o-transform: rotate(180deg);
- transform: rotate(180deg);
- }
- #addressInput{
- width: 60px !important;
- border: 1px solid #bbbbbb;
- border-bottom: none;
- border-top: none;
- border-left: none;
- height: 35px !important;
- }
- .w2ui-icon.equal, .w2ui-icon.autosum{width: 38px !important;}
- #formulaInput{
- border: 1px solid #bbbbbb;
- border-bottom: none;
- border-top: none;
- border-right: none;
- height: 35px !important;
- }
-
- #calc-inputbar-wrapper {
- display: block;
- border: none;
- }
-
- #calc-inputbar {
- display: block;
- width: 100%;
- position: relative;
- padding:0px;
- margin: 0px;
- }
-
- #tb_actionbar_item_undo .w2ui-tb-image, #tb_actionbar_item_redo .w2ui-tb-image, #tb_actionbar_item_mobile_wizard .w2ui-tb-image, #tb_actionbar_item_prev .w2ui-tb-image, #tb_actionbar_item_next .w2ui-tb-image, #tb_actionbar_item_insertion_mobile_wizard .w2ui-tb-image, #tb_actionbar_item_insertcomment .w2ui-tb-image, #tb_actionbar_item_fullscreen-presentation .w2ui-tb-image{
- min-width: 38px;
- }
-
- #tb_actionbar_item_userlist table{
- margin: -1px 0px auto 3px !important;
- }
- #toolbar-up .checked{
- border-color: #fff !important;
- background: none !important;
- }
- #toolbar-up .checked .w2ui-tb-image, #toolbar-up .w2ui-tb-image:hover, #toolbar-up .w2ui-tb-image:focus, #toolbar-up .w2ui-tb-image:active, #toolbar-hamburger.menuwizard-closed:active{
- -webkit-filter: drop-shadow(0px 0px 4px #0b87e7);
- filter: drop-shadow(0px 0px 4px #0b87e7);
- }
- #toolbar-up .over{
- border-color: #fff !important;
- }
- #toolbar-up .over:hover .w2ui-tb-image, #toolbar-up .over:active .w2ui-tb-image{
- -webkit-filter: drop-shadow(0px 0px 4px #0b87e7);
- filter: drop-shadow(0px 0px 4px #0b87e7);
- border-color: #fff transparent;
- }
- #toolbar-down table.w2ui-button .w2ui-tb-image {
- margin: 5px 9px 3px 9px!important;
- }
- .w2ui-toolbar .w2ui-break{
- background-image: none;
- background-color: #dae6f3;
- }
- #setgamma input.spinfield, #linewidth input.spinfield, #nolines input.spinfield{
- width: 140px !important;
- }
- td[id^=tb_spreadsheet-toolbar_item] table.w2ui-button.over {
- background: none;
- border-color: #fff;
- }
- td[id^=tb_spreadsheet-toolbar_item]:focus table.w2ui-button, td[id^=tb_spreadsheet-toolbar_item]:active table.w2ui-button{
- background-color: #eaf5ff;
- outline: none;
- }
- td[id^=tb_spreadsheet-toolbar_item]:focus table.w2ui-button div.w2ui-icon, td[id^=tb_spreadsheet-toolbar_item]:active table.w2ui-button div.w2ui-icon{
- -webkit-filter: grayscale(100%) brightness(80%) sepia(100%) hue-rotate(-190deg) saturate(900%) contrast(0.8);
- filter: grayscale(100%) brightness(80%) sepia(100%) hue-rotate(-190deg) saturate(900%) contrast(0.8);
- }
- #toolbar-down table.w2ui-button:not(.checked) td.w2ui-tb-down > div {
- border-top: none !important;
- margin-top: 0 !important;
- border-bottom: 5px solid #8D99A7 !important;
- }
- #toolbar-down table.w2ui-button.checked td.w2ui-tb-down > div {
- border-bottom: none;
- border-top: 5px solid #8D99A7;
- margin-bottom: 5px !important;
- }
- #w2ui-overlay-editbar .menu{
- border-radius: 3px;
- }
- #w2ui-overlay-editbar:before{
- border: none !important;
- }
- #w2ui-overlay-editbar:after{
- border: none;
- border-top: 8px solid #000000;
- border-top-color: inherit;
- border-right: 8px solid transparent;
- border-left: 8px solid transparent;
- top: 100%;
- margin-top: -3px;
- }
- #toolbar-search #tb_searchbar_item_search *{
- width: 100% !important;
- }
- #toolbar-search input#search-input{
- font-size: 16px;
- }
- #toolbar-search #tb_searchbar_item_left, #tb_searchbar_right {
- display: none;
- }
- #toolbar-search #tb_searchbar_item_hidesearchbar{
- padding: 1px 8px !important;
- }
- #toolbar-search #tb_searchbar_item_search{
- width: 80%;
- }
- #toolbar-search #search-input-group > label{
- display: none;
- }
- .context-menu-link{
- display: flex;
- flex-direction: row;
- align-items: center;
- }
-}
More information about the Libreoffice-commits
mailing list