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

Formula bar: Set text area and expander with the same style

Browse source 
Decrease number of visual differences between the two while
by using similar style. Add border radius already in use
in other components such as drop-down menus.

Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I09b51f0817d35641cfc7d028e281ae3ba362a663
This commit is contained in:
Pedro Pinto Silva 2022-07-05 15:34:49 +02:00 committed by pedropintosilva
parent ddcf4797a6
commit 12d269768a
2 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
browser/css/jsdialogs.css
View file

@ -1177,10 +1177,12 @@ input[type='number']:hover::-webkit-outer-spin-button {
font-size: var(--default-font-size) !important; font-size: var(--default-font-size) !important;
color: var(--color-main-text); color: var(--color-main-text);
background-color: var(--color-background-lighter); background-color: var(--color-background-lighter);
border-radius: var(--border-radius) 0 0 var(--border-radius);
} }
#sc_input_window.formulabar.expanded { #sc_input_window.formulabar.expanded {
height: 72px !important; height: 72px !important;
border-radius: var(--border-radius) 0 var(--border-radius) var(--border-radius) !important;
} }
.expanded .formulabar.unotoolbutton { .expanded .formulabar.unotoolbutton {
@ -1205,6 +1207,7 @@ input[type='number']:hover::-webkit-outer-spin-button {
#expand.formulabar { #expand.formulabar {
height: 29px !important; height: 29px !important;
margin: 0 5px 0 0 !important; margin: 0 5px 0 0 !important;
border-radius: 0 !important; border-radius: 0 var(--border-radius) var(--border-radius) 0 !important;
border-inline-start-color: transparent; border-inline-start: none !important;
background-color: var(--color-main-background) !important;
} }

1
browser/css/toolbar.css
View file

@ -214,6 +214,7 @@ w2ui-toolbar {
color: var(--color-main-text); color: var(--color-main-text);
background-color: var(--color-background-lighter); background-color: var(--color-background-lighter);
border: 1px solid var(--color-border); border: 1px solid var(--color-border);
border-radius: var(--border-radius);
} }
#tb_formulabar_item_formula { #tb_formulabar_item_formula {