- Makes sure sidebar is always the same width (when selecting objects
etc sidebar was changing)
- Fix mobile glitch: on load and even during readonly mode sidebar
was first flashing and then appearing
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I9ebf306d27430a2c9a6c7105a0dc178020ef12cc
* Use lineHeight rule for centering the elements on mobile.
* Use parent element's rules for setting the styles of img and preview elements.
* Disable mobile-slide-sorter. It is not in use for a long while.
Signed-off-by: Gökay ŞATIR <gokaysatir@gmail.com>
Change-Id: I06517467f269669c70294fb5a4dd0960eb16feb5
So, we no longer need to set positions of HTML elements using margins or absolute positioning or attributes like "left: 30px".
Tested on mobile, desktop, tablet views with & without notebookbar.
The problem was:
On an unbranded build, side bar's width is different. So pre-assumed pixel based positioning would need to be changed according to existence of branding.
Instead, i tried to use CSS rules with flexbox.
Signed-off-by: Gökay ŞATIR <gokaysatir@gmail.com>
Change-Id: Ib301dfa8c06a9cf12acd33caf1b6a852a2faab20
There is an additional fixup for master branch included.
- So we can be sure nothing else is targeted
- Center illustration
- Container goes full width
- Fix Portrait and Landscape modes
- Add border radius so to differentiate this panel (busypopup) that
blocks the ui from any of the other ways we use the mobilewizard
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I2391197477d465636143ca2b55c0723f60a4b339
- Add mobile class to #toolbar-wrapper to avoid targeting anything else
- Sets Menuwizard so it goes above toolbar (position absolute) so to be
properly aligned from the top
- Sets toolbarwrapper with normal z-index (according to its parent) so
menuwizard can be above it
Note, no need to touch #toolbar-hamburger.menuwizard-opened has it comes
already with z-index properly set
Behavior might be related with changes from
ff20ec701de0e8440c029f0b01bc7b14fa9b5c08
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I1a66057b7827309a6ad3871927099ac1c9339657
Formularbar was vertical-align: top which cause issues on mobile formularbar.
Signed-off-by: Andreas-Kainz <kainz.a@gmail.com>
Change-Id: I88140808657dd44e6b94fdf99485ce14079a3920
The height of the bottom bar items is 35px the height of BottomBar was defined with 34px so that it look always as the bottomBar was cutted.
Height is changed from 34px to 37px (check the blue select frame, it now wasn't cuted)
Signed-off-by: Andreas-Kainz <kainz.a@gmail.com>
Change-Id: If30e56c582ca652cb35e73f669f440696c6b03b4
This reverts commit 7161e13d54.
because cypress test was failing: mobile/writer/shape_properties_spec.js
probalby because of document-container modification
Signed-off-by: Szymon Kłos <szymon.klos@collabora.com>
Change-Id: I2d9a2f44a7e0bfe3b1d16abcb816accb87622774
Make the TopBar 43px height instead of 36px so it look better valigned and more like a header toolbar
Calc fix formulabar alignment
Signed-off-by: Andreas-Kainz <kainz.a@gmail.com>
Change-Id: I263bbc51db539a4c0201488cd28d588ce273979f
- Fix problem introduced with d0253673a6
- Desktop was always without close button
- Add mobile specific class
- So we can style it apart from desktop
- So we can style it apart from mobile(other dialogs)
- Mobile: fix padding (remove for child element)
- So we can use more efficient the horizontal space
- Mobile: Dismiss button
- Make it full width
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Icb6a5a0a4191b39ecf76eaafac06e182430490d0
- Display ellipsis inside of #command element when a library is still
not selected
- To communicate clearly to the user that there is still stuff to be
selected
- But also to hide that visual (ellipsis) when there is content to show
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I5d0a1e627de9e83908c2d79e0d52abd428f0280c
- Warning
- File name: Increase contrast
- Add icon to dialog
- Make it visible when a command is selected (commands get border)
- Use consistent radius
- Use consistent colors (CSS vars)
- Add bottom border to each li so to make it clear that there are more
elements (and that is a list) and that it can be scrolled
- Avoid fixed height for Commands list
- it was resulting in odd extra space when a library group has only
one macro
- Macro Name: Use ellipsis in the content until the use selects library
- Add parent id to css rules( #MacroSelectorDialog )
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I0e5aaf40e143b708104462da39b506feb29f6569
Remove "spreadsheet-row-column-frame" div. Since row & column headers and groups are drawn onto the same canvas with tiles, that div shouldn't exist.
Signed-off-by: Gökay Şatır <gokaysatir@collabora.com>
In the read only case, there were few pixels gap; kill it.
Change-Id: I2012bcbfa9cc3c5f3e50bee7621780661e0bd8ef
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Apparently the readonly-only case was wrong; let's kill it.
Change-Id: I07366cc7cf9a8d421e7b59d9bc50bbb242e2adb3
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Header code is updated to avoid creating/deleting it every time.
Some CSS adjustments to increase maintainability. Example: There were 2 scroll bars in mobile-wizard. Scrolling was not smooth. And some other improvements.
On layout view, 2 separate slide-sorter containers were visible. One of them is hidden now.
Change-Id: Ic4201b176812f6ca00402777423feced7ee8284c
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/102521
Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com>
Reviewed-by: Andras Timar <andras.timar@collabora.com>
- Fix duplicated properties (ignore cases where it's needed
for browser compatibility);
- Fix space inconsistencies before !
- Fix space inconsistencies after colon
- Fix space inconsistencies after and before combinator (>, +, ~)
- Invalid calc
- Many rules added to json, namely no-extra-semicolons
Change-Id: I78af6bc546aeb1d7d7090e2ef278c895f0393a07
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/102289
Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com>
Reviewed-by: Pedro Silva <pedro.silva@collabora.com>
- Detected many duplicated selectors within the same file (squashed them)
- Detected inconsistency (sometimes spaces sometimes tabs). Tabify as in JS.
- Detected quotes' inconsistency (sometimes none, sometimes '', sometimes ""). Use '' as in JS
- Avoid touching on files from 3rd party sources (jquery, w2ui), ignore files
Change-Id: Idd82945f29ac6c5c9f522e5d5df4a783a367654d
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/102009
Tested-by: Jenkins
Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com>
Reviewed-by: Pedro Silva <pedro.silva@collabora.com>
Size has fixed value which is too big for small screen
devices. Reduce it for now, more intelligent calculation
seems to be hard to implement in existing vex dialog
structure.
Change-Id: Ic16845a96000b17aa668f39fc2871fca57076d0c
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/100655
Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com>
Reviewed-by: Andras Timar <andras.timar@collabora.com>
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/102178
Tested-by: Jenkins
Reviewed-by: Szymon Kłos <szymon.klos@collabora.com>
- make sure avatar container is set to content-box instead of border-box
Change-Id: I342f01136bee99a0154527f34703b323cd62aeb5
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/101381
Tested-by: Andras Timar <andras.timar@collabora.com>
Reviewed-by: Andras Timar <andras.timar@collabora.com>
Changed the gestures:
1st tap to select the slide
2nd tap will open the mobile wizard
long press and then drag and drop the slides
Change-Id: I44a874f69eed4586667f7fbe825d5da943565071
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/97345
Tested-by: Jenkins
Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com>
Tested-by: Henry Castro <hcastro@collabora.com>
Reviewed-by: Henry Castro <hcastro@collabora.com>
- Overall styling
- Fix tab’ alignment and paddings
- Fix tabs’ states
- Make use of text-shadow to emphasize instead of changing font-weight in order to avoid changes in size
- Add document-type class in notebookbar (similar to what I did for menubar)
- Style jquery-ui tooltips
- Style .unolabel
- Start to use css --var for font and colors (still no changes in the code per sea [like reducing the values etc] just start using it)
-- add comments
-- Use it depending on doc-type for notebookbar tab unolabel
- Add missing icons
- Fix extra border (toolbar-wrapper)
- Add document-header
Change-Id: I24552b118657d8ead47a74a6d189bd2448aac808
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/98721
Tested-by: Jenkins
Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com>
Reviewed-by: Pedro Silva <pedro.silva@collabora.com>
meaning adding css rules for when the inputbar is in the multiline mode (expanded)
Change-Id: Ib8557f1e502c06e50a26b0a94ccab793b44feda0
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/92570
Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com>
Reviewed-by: Pedro Pinto da Silva <pedro.silva@collabora.com>
This chage only affects mobile view
> moving changes to new files
> Increase document container's bottom position (it was cropping tabs container)
> Fix default browser borders that were afecting position
> Desktop
> Also Fix document container on desktop
> Fix icons' elements being cropped (perv, next and plus)
> Adjust Margins for those w2ui elements
> Discovered that plus.svg whas not centered and fixed it
Change-Id: Id54a491e9c2a6afef468aca8d858bf91b83d03ce
Reviewed-on: https://gerrit.libreoffice.org/c/online/+/91270
Tested-by: Jenkins CollaboraOffice <jenkinscollaboraoffice@gmail.com>
Reviewed-by: Pedro Pinto da Silva <pedro.silva@collabora.com>
