diff options
author | Darshan-upadhyay1110 <darshan.upadhyay@collabora.com> | 2024-03-20 21:34:33 +0530 |
---|---|---|
committer | pedropintosilva <65948705+pedropintosilva@users.noreply.github.com> | 2024-05-02 13:55:25 +0100 |
commit | 872ac5ad29a02f539583c8e0d12b3025049e289a (patch) | |
tree | 10eb5d5216b5b1013d552af3d929f485abddac8c | |
parent | Change table layout to CSS base table structure (diff) | |
download | online-872ac5ad29a02f539583c8e0d12b3025049e289a.tar.gz online-872ac5ad29a02f539583c8e0d12b3025049e289a.zip |
Adjust table elements for mobile view.
- we changed table structure of `toolbar-wrapper` with `div`
- so we also need to consider mobile view
- made some neccessary changes for mobileview because of structure change in cool.html.m4 ('toolbar-wrapper')
Signed-off-by: Darshan-upadhyay1110 <darshan.upadhyay@collabora.com>
Change-Id: I91cd2c3ffbb0d625a78852398f6773136e9a7f6b
-rw-r--r-- | browser/css/device-mobile.css | 3 | ||||
-rw-r--r-- | browser/html/cool.html.m4 | 1 |
2 files changed, 4 insertions, 0 deletions
diff --git a/browser/css/device-mobile.css b/browser/css/device-mobile.css index 4d83d52853..bb6b07174c 100644 --- a/browser/css/device-mobile.css +++ b/browser/css/device-mobile.css @@ -18,6 +18,8 @@ html[dir='rtl'] .sub-menu-arrow { height: 36px; position: relative; z-index: 1002; + display: flex; + align-items: center; /* Align items vertically */ } #toolbar-hamburger.menuwizard-opened { width: 36px; @@ -170,6 +172,7 @@ textarea.cool-annotation-textarea { #toolbar-wrapper.mobile{ border-top: none; z-index: auto !important; + flex-direction: row; } .insertshape-grid { diff --git a/browser/html/cool.html.m4 b/browser/html/cool.html.m4 index 0b7966ceaa..6727f51e66 100644 --- a/browser/html/cool.html.m4 +++ b/browser/html/cool.html.m4 @@ -204,6 +204,7 @@ m4_ifelse(MOBILEAPP,[true], <div id="toolbar-wrapper"> <div id="toolbar-logo"></div> <div id="toolbar-mobile-back" class="editmode-off"></div> + <div class="jsdialog ui-spacer"></div> <div id="toolbar-up"></div> <div id="toolbar-hamburger"> <label class="main-menu-btn" for="main-menu-state"> |