Menubar use transparent background color,
so the menubar use the color of the toolbar
In read only mode the bottom-border use --color-border var
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I0f5b612cc2af7f10e62442b3568778be2ce4e52f
remove --color-text-accent
with --color-text-darker
cause the accent color was used for select or hover
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: Ifbba9337b70aa0970e0b6654c482ca830e8ce066
hover use --darker colors
disabled use --lighter colors
default use main colors
hover effect for better hightlighting
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: Ibc37e6ecd87962ab4981b669006088a87ccf0468
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
If you hover at the classic toolbar at the menubar,
a border was shown and the string jump at 1px size.
Signed-off-by: Andreas_K <andreas_k@abwesend.de>
Change-Id: I5d03a380c2bfa34bd169bb12295d535875e54a5f
if you hover over the last-mod string the color switch from
var(--color-text-lighter) to var(--color-text-accent).
In addition the text-decoration: underline was removed
cause it use text-lighter the focus shouldn't be there
with an underline.
Signed-off-by: Andreas_K <andreas_k@abwesend.de>
Change-Id: I750981730b6daa8605f8d70ebd3df4029f990e36
there are 3 color var's added
var(--color-main-text)
this is the default text color EVERYWHERE
var(--color-text-accent)
will be used when a label was selected, or during hover
also for the filename accent text color was used
var(--color-text-lighter)
was use for saved date or when a label was disabled
PR was tested for classic and notebookbar
for the sidebar and dropdown elements.
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I21795875e58b956081f2020422e77ccecd9bfba3
c9b4b619cf fixed the tabs overlap issue
but for the smartmenus on notebookbar (hamburger menu) to work the CSS
overflow property needs to be set (both for x and y) to visible, any
other value and the smartmenus' visibility suffers (gets cropped).
- Make set the CSS overflow property of .main-nav elm dynamically
depending on menu state.
- If it's open: set to `visible`
(this disables the .main nav scroll but that's completely fine
for when the Hamburger menu is open since it's not needed)
- If it's close: back to `scroll hidden`.
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I8a5522cb4a107d0583cde252e2ee551124c06f02
So it's possible to switch the global header color easy later on
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I9e275ab7105ace8147f3d07ca73a59a3818dbc29
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Make the whole nav bar scroll-able, specially important when still on
desktop but using small factor screen or simply when resizing window
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Ib0011c8353a5c4d09f5f150032088bc69e0f7d90
To occupy less space critical in some languages where the last save
string is quite long also increase its height so the click target
is not too small
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I16affef5b5ecb484a14c7f6ff03ba8a28b3eef63