When on mobile do not rely on background position and instead add
img element so we can properly resize it and adjust it:
- Less in your face
- To not disturb or overshadow the actual active elements
When on Classic mode:
- Hamburger items: Use smaller lockers so to do not get in the way
of reading the actual item label
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I46218254a975b3a70d1e4c03eb1795d87f3861c9
specifically more focus on the top toolbar in classic mode
Signed-off-by: Pranam Lashkari <lpranam@collabora.com>
Change-Id: I33eebe79addebe3acfcea4d20912cc31b759ffce
- Fixes map z-index so annotation can be have higher z-index
- Now map and due to the latest changes introduced in:
8ca57fad3344f6da1b42158944bf9903f0ac528b we cannot use
container's border-top as our bezel divider
- Elements such as annotation need to go under
- So Fix toolbar-wrapper to use bottom border
- Notebookbar: Fix toolbar-wrapper background-Color which
was being set as transparent and thus elements passing under
were being visible
- Ruler: fix cropped ruler (was not going full width)
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I8778619da43c51d1994dbb12d1112d4f1d42ff43
Depends on: https://gerrit.libreoffice.org/c/core/+/116265
Fixes checkbutton (Use separators) position by placing it
before divider label ('separatoroptions') thus, improving readability. User
can now see it clearly that all those separator options are related
and hierarchically under a main option: #toseparatedby.checkbutton.
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I97b133e3e873a76ca75290728adaf1a45c9bcece
Do not show radio buttons in this case since we have images
for each option (radio images and textorient options images
were overlapping ) also fix width and add hover state
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I7e3d8ef4da400024137d0c9207c67807ded281c5
Some bigtoolitem icons (namely About) were being skewed and others
were being set at a smaller size to what they were supposed to have.
Fix it by adding height value
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I5ec375358e9dcf46a6b8b17570bea78963e188c8
- Inherit common styles across mobile and desktop
- Set Different padding between Desktop and mobile
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Iae158c83eb693ea5a77cb0e532f7db8a80567130
with example of usage: replaced alert when server was reconeccted
Signed-off-by: Szymon Kłos <szymon.klos@collabora.com>
Change-Id: Ia0f72b118a6ad7c7072bae41f452cc1a70b9aa84
Snackbar element is intended to replace all w2ui .lock
dialog (alerts) with or without button
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Iad836d0dc094be01ad265492eaacf0a8dbf8a06d
- Reduce icon size
- Fix alignment
- Use specific icon (also used in core) as dialog triggers
Simplify expanders ("title bars") by removing icons based on uno command
(that trigger dialogs) so to:
- Avoid user confusion between those icons and the similar icons from
within the group
- Improve information hierarchy (dialog triggers icons should not be at
the same level as the other action within the sidebar)
- Use a common symbol (same icon) to communicate "Open dialog to see
more actions"
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Ib060dda2ba1584ce4e0ac132617a4b2900df42d7
- be sure overlay will be removed
- show fadout effect also when closing old popup and showing new one
Signed-off-by: Szymon Kłos <szymon.klos@collabora.com>
Change-Id: I6565c96d664a2a289a9950cc2a6b60677872a3a9
- Inherit as much as we can from desktop
- Remove unnecessary styles
- Tab container: fix position
- No need to add left padding instead let the
plus icon fix to deal with that
- Increase plus icon touchable area (was quite
small)
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Ic8269e5da63406b7f19f0d92ff50f1258f460d7a
Update tabs and its parent after:
9f3b72aa6f2577342e1b
- Fix padding and margins
- Use border-top instead of faking it via shadow
- border shadow was not being displayed full width
- Make sire spreadsheet-tabs-container is transparent
- Avoid hiding any element or border
- Gave up on trying to have selected tab looking like a tab
and thus without border top and taller. The code around is
proven to be changing constantly plus we are not gaining
that much of a benefit there. On top of that by keeping it
with same shape as the other tabs we avoid possible problems
with the top of the border of its parent.
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I45ce6ed534afe4b264ae5aa0ef8f40f606ff5523
toolbars. Make listbox (combo box drop-down list) similar
with the same: bg and add CSS var.
Also on classic mode: Fix listbox height on toolbar up
- Keep it at 24px so to be the same as the neighboring items
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Ib4deaa5beec6cebf8d966f15a9e091a298d8b749
- 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
Adds margin to toolbutton and not its child:
- A margin was being added to the img element which in turn
was being visible when hovering it
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I9e668260a53d7239c00b8786803245f30ea7f83b
- Adjust left position and
- Makes sure option is not getting weird values from web browser
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Ia753baf8066914543388c80827b2fe4c8ed26c3b
Fix inconsistency between ui-treeview-expander and ui-expander
- Expanded: pointing down
- Collapsed: pointing to the right
- Also make sure the width doesn't change between states
(use 'V' in both)
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Ib4b72d6f8acca33fcb67981ff9b6fd8095012ead
- Fix Borders
- Make sure the borders that divide the document container and its
surroundings are always visible at all times not matter what is open
(sidebar) or what is visible (status bar, ruler)
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Idea765f4438981af66bb760f25f7c553be7da728
- Dropdown (select element aka listbox) Do not use min or max widths
- Use CSS vars for text colours
- Add hover status to buttons
- Force to also add id references since these lack the unotoolbutton
class
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I480deb651a83b44a8a5e4170e105b4dc2e900ec5
Plus make it start from the top and ending at the bottom
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: If8c89a248c467e50186a82bc191200a60e2823e1
Via CSS var to make sure we use them consistently throughout
jscomponents. In some browsers it was being set with serif specimen
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I418ad3a313c394e526b6e4e1c46ebe3616212d40
Toolbar-down was being covered by #map
- Set toolbar-down with the same z-index and ruler since both should be
above map
- Update readme
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Ic358fb5f7bd722806cf22fdad0289f8a54fa6e1e
- Sidebar parents: be sure it's container childern is always full width
- Sidebar parent: Fix margins vs paddings
- Expander: Decrease color contrast so to avoid to be in the way of the
actual components
- Fix expanders (arrow) position and paddings
- Use CSS vars
- Fix and style listbox and spinfield to be slimmer and more compact
than the regular ones (crucial here to effectivly use space)
- Some of these things should be ported top the general jsdialog css
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I50def4b41144d56a3cc2de41b3ed00ed550fa74d
Set min-height property to prevent exceeding the available size.
slide-sorter: Set max-height to prevent over-sizing relative its parent.
Signed-off-by: Gökay ŞATIR <gokaysatir@gmail.com>
Change-Id: Ib8c50bc9f6f6ac4311cefa3b0e016da728efe95b
* 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
