Otherwise they (their contents) will not be scrollable
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Idf121b6164dbb43a473e07e2ca70962bedb10ebb
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
- Tunneled dialog was missing title bar color (was inheriting from
jquery ui library defaults)
- Also use the main background (lighter than bg-darker) for JSDialog containers
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: If6db5ee2edad88b2785096eb746f291a07b46d70
Better to move this elsewhere otherwise we get huge save icon
This reverts commit 247bc9192d.
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
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
now that about dialog is not a vex it is inheriting width from
generic .jsdialog-window.modalpopup. Overwrite that and make it wider.
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I830f57cc9fda9bea8e377d53e72af92c4804cf8d
About dialog is already inheriting those from
.jsdialog-window.modalpopup
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I3f49284f3d818eccc62b1f49cc330267d1163319
And use the same values as .lokdialog_container.ui-dialog.ui-widget-content
This is a follow up from
- PR: https://github.com/CollaboraOnline/online/pull/6343
- Commit: a65de18694
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Id2661cd4eec021305c6af6c26cfc184cc9968956
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
- Get directly the particular css var that we want instead of on relying on a container
- This makes things easier to maintain in the future
- Use a new --color-canvas instead of relying on --color-main-background
- color-main-background is used in many other places which means
that if we want to have some particular UI brighter or darker it
would affect the canvas. Better to use a different/new css var for that
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I3d7d3ba188e96080d9f6f814a5c46f85ea378142
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
Affected user flows:
- User opens read-only file
- Before this commit, there was no indication that the current mode
is read-only.
- User opens file
- Before this commit, the only indication about the current read
mode was the pencil Floating Action Button.
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I7cc3982b0c0f827a96e144ee339d8f0e601bf03e
Before this, save icon's dot was being cropped due to height rule
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Id7b16b3fcd05d169c1206b9b7c3dbe615f0e8141
Before this search input field was quite narrow
- Too narrow for some content
- Too discreet due to its width
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Ifef703f6cf75d5807494d4bbf01db16dbddb9e16
result visible for example in sidebar in impress
Signed-off-by: Szymon Kłos <szymon.klos@collabora.com>
Change-Id: Idb11d288a91775f432592aec6458bf31dbecf778
this fixes layout of 2 rows of button boxes,
example: manage names in Calc
Signed-off-by: Szymon Kłos <szymon.klos@collabora.com>
Change-Id: I7fbafa4ab3a234e8406e25167ca533195fee51ba
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
It seems the following commit
be04111173
had a typo 0px should have been 1px
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Ibf3b92964efd8a1a147abc853042fd70a406abaf
