strepsirrhini/libreoffice-online
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

NB: stylesview: fix hover bg and shadows

Browse source 
Make sure gray background or any bg for that matter is used on hover
 - It shouldn't be used because each style is an image with white bg

Decrease hover status prominence so it's still visible which style is
selected

Also do not add hover status for the selected style, as clicking on it
would not change the selected style

Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: Ie66abada24a7c6491987d9052dc94bba920d5a7f
This commit is contained in:
Pedro Pinto Silva 2022-03-01 09:32:38 +01:00 committed by pedropintosilva
parent fdaf0fec7e
commit 29264b8561
1 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
browser/css/notebookbar.css
View file

@ -414,19 +414,21 @@
}
#stylesview .ui-iconview-entry.selected {
border: 1px solid var(--color-border-dark);
border: 1px solid var(--color-border-darker);
border-collapse: separate; /*To use box-shadow in Internet Explorer 9 or later*/
background-color: transparent;
}
#stylesview .ui-iconview-entry:not(.selected) {
border: 1px solid transparent;
}
#stylesview .ui-iconview-entry:hover {
border: 1px solid var(--color-border-darker);
-webkit-box-shadow: 0 0 5px var(--color-background-darker);
box-shadow: 0 0 5px var(--color-background-darker);
#stylesview .ui-iconview-entry:not(.selected):hover {
border: 1px solid var(--color-border-dark);
-webkit-box-shadow: 0 0 2px 0 var(--color-background-darker);
box-shadow: 0 0 2px 0 var(--color-background-darker);
cursor: pointer;
background-color: transparent;
}
#stylesview .ui-iconview-icon {