Since we have disable the functionality until it works as expected
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I0a99680d79ffb44a653c32edb25aafded35c7712
Do not re-use light mode values.
Increase color contrast
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I514d4be5468dd3df50ab5256b64d0a22e659ad97
- Categories (listview with icon) get highlight but not indicator
- So it's understandable that they can be dragged
- Categories: change cursor so user understands that they can be grabbed
- All other treeview (even exapandable) get highlight and indicator
- To help user's orientation
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I8c275c81503787c60c4527a3cee63be8323686ef
This is a follow up on the revert f4f95b2 since the scroll logic depends on the
absolute position
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I5659701c2236dc89f764f45008e6e92c47a3f101
I have noticed that sometimes the toggle doesn't get assigned with
selected css class. We could just rely on this line and avoid add and
removing css class to the DOM every time the mode changes
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I7c19f626d60c761a1ebe2509e7ab7aa8031403ad
Without patch image sizes are 336px and seems cropped in sidebar.
We should use same width with sidebar width.
Signed-off-by: Gülşah Köse <gulsah.kose@collabora.com>
Change-Id: I617a4e79e15d1d49ca95aec8f5a20f95734160a2
Zeroing margin and padding otherwise we inherit px
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I1dedb755b3fb16ac2da6af95b4a0c4d5e5910715
- No element should have border
- Reset max-height otherwise it will inherit 150px
This is a follow up on:
navigator: hide panel title in sidebar 56ca9b6
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I908468f0cb9a494acd7785d76e1882c3a8673de3
identfieldbox and box3 use the same css class see #6392
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I7a95fdd8ae3a9bfffbe676917cb412a99cb40818
This hard coded width is not needed and was imposing that width value
to #indentfieldbox even if there is other elements present resulting
in the whole container being bigger than the sidebar itself
This issue became more evident with
27fddae9c6 (even
though it's not related to the bug but rather exposed it even more)
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I90e684b395b950e4cc25a96a9875d4702016411d
Better to align everything to start so if the components differ in
width they will still be aligned (as opposed to be laid out in a staircase)
This is a follow up from 1bfbdf8072 coming with
the following PR https://github.com/CollaboraOnline/online/pull/6389
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Ic607567d30656cc122f9cbfd71bd3d910ebfe9bf
- Do not appear above color
- Re-use tooltip styles
This fixes https://github.com/CollaboraOnline/online/issues/6293
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Idf67c23b2263e5eeabc70a7128087333856aa465
and move all navigator css rules into one place
Signed-off-by: Szymon Kłos <szymon.klos@collabora.com>
Change-Id: Iaf00bbd25bf111c5817621f4a72ac95aeb307786
before this commit the triangle was misplaced, under the icon instead
of side by side
(might be related to https://github.com/CollaboraOnline/online/issues/6236)
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Id8d118471dcb02b5bc79399a4319ee514af03c5b
Before this commit buttons were being generated with padding
this is not needed ( we already have safe margins applied to
the parent -> 'unotoolbutton' )
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I4f1b4328131550d906cde3328c7de02daffd76a1
- re-use btn-size variable
- make it clear that this set of rules is intended to sidebar elements
- Improve selector (more clear and so it doesn't target other
elements outside of the sidebar)
- Move it to jssidebar.css file
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Ib03c412a1e05fd6ed315f58a70486f14eaf5b9ea
This makes any resizing or position easier
and it's what is expected from "buttons" (it's the default value)
and those icons are buttons even if the html elment is somehting else
Bottom line: better to account for any border and padding in the values
we specify for width, height, border and padding. This makes sure that
the content box shrinks to adapt to those values.
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I39af02f983611bc751e764c26d13d955b7774928
There is an element displayed as a column before ratio
and we then hide it which is fine but, when ratio label
becomes to lengthly (Seitenverhältnis beibehalten) it then
gets cropped due to lack of space.
- Make it span across columns
- Do not align to the end
- Remove left margin from checkbox
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I02ec7a608c0b330a52fa70db3b453fe04fefa805
In some languages (de) some labels were being shifted and ultimately
cropped due to their length. Example: Using German; selecting an image
-> the 'Seitenverhältnis beibehalten' was being cropped
Remove padding for those labels when on the sidebar
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I4097268682a1890543c9d2a8107e621ea15335c9
These have no effect on the ui-expander-content since they
are set to display: block somewhere else (jsdialogs.css)
plus, (and even testing with flex) this does not seem to improve
or fix anything
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I0260f44413ff46f79b9ea6a15e154ee62fb1e53f
This also allow for one single shared place to have that
"margin"
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Iac46810ac4ef219a4103bc315722dbd95e6fd169
We can set those so, the total size is 28px (same as the
grid cell) while keeping svg 16px size this in turn centers
the icon within its parent
Also we can then use the same 5px (that we use for normal button
margin) for the column-gap so everything aligns well
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Ib13a376fe71e308f9146c291acfbe3a941a4ef57
We now use CSS grid and this rule is now not needed
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I65f5a1d05d0ac748c328c669e99be307c8721f3c
complete new structure of the jssidebar.css file
file is structured into sections
1. general
for general sidebar settings
2. expander section header
ui-expander classes
3. section content
biggest section
define the sidebar gap elements
first column justify-content: start
last column justify-content: end
4. widgets
general staff
4.1 widget width
defined widths
4.2 widget selected
style for
- selected,
- non-selected,
- hover
5. fixes
specific fixes
5.1 writer fixes
5.2 calc fixes
5.3 charts fixes
5.4 not available commands
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: Ia449544a671134abebdd4bebd347d20b119c964d
Visible when using the following core change:
https://gerrit.libreoffice.org/c/core/+/142974
Note: no need to have generic CSS rules for spinfields
only for the sidebar
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Id2c9df00d1067537adb9ec5e3db0eab8bd1b2290
These should not be targeted
- ids can change (e.g. FormatPaintbrush2 ,etc)
- Also unotoolbutton is already inheriting :hover rules
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I7149cebfd52b4049a27bd3989fc88d254440df6d
No need to specifically mention unotoolbutton's parent and apply :hover
, unotoolbutton is already been targeted
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Iaa92d50f35f63dea4d10cd0906d9dadb700c25f1
It was removed in:
mobile wizard: hide unsupported items in table panel
commit 1aed5ddaa4
but now works
Signed-off-by: Szymon Kłos <szymon.klos@collabora.com>
Change-Id: Ia9ba8d9c7bad1c2074405617a4443e05df42ac66
