No need to have outer shadow, if needed the only shadow we could used
would be inner (inset) but that would trigger other set of problems,
e.g.: while scrolling the inset shadow (parent elm) would be under
the styles so, better not have any shadow in the parent elm
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Change-Id: I039f74dea19b7887408ca252e2d16f482602d1d0
The sidebar width is 330px and not 322px.
330px is the default width with 322px the sidebar width is smaler
than needed which causes issues of symetry AND issues when
there is an additional scrallbar needed.
Top borders at the sidebar's were removed
cause there is already an border at the top toolbar.
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I6c53132b273a2b83fd89c58778577e1b47cda125
there is a light text effect on mobile for commands
that aren't available (disabled) which work fine
but the additional gray background and border color
is not easy to recognize
and it cause visual issues on desktops
general everywhere in cool lighter text mean not available,
so no additional stuff is needed.
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I5315e1d6a84ae3caf037ec7ab4c1ab81dcfbe44d
In status-readonly-mode the element on the down toolbar
use --color-warning background color and --border-radius
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I55782f5632f55f5923d53ec9a03628e048fa45da
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
bottom buttons are better align with
buttons get hover effect with correct color vars
display: flex; and justify-content: space-between;
dialog get a border and a box-shadow
widget-header use --color-background-darker colors
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I1e77434b1d4fc166a22a9774bb3168852456d3d3
the welcome dialog use the var's from the
color-scheme.
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: Ie3f0166f27d471dd21465bb76d680f63a592ee6b
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
The dropdown elements show an left-border and background color
when hover over an dropdown element arrow in the sidebar
this color was replaced with transparant
As the arrow is an border element, the arrow use
the text color and has an hover effect.
Arrow follow Text color
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I890121a25408789472d7591edf1a4277d0823c4e
simplify the css file
use for select/hover tab the same color
than for select/hover commands
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I665eff84efb413dcc04ae288189f78528c4b4cce
The sidebar background color was replaced to
var(--color-main-background)
cause otherwise we don't have the same contrast
than for the toolbar / notebookbar
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: Ic6b1229f958479ef3abe9dd5b00991f0c2784a5b
use correct var's inkl. border-radius
remove not used css definitions
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: Iaad11a5ace1bdc1c2fccc2ea9f1ef6828e8442af
Sidebar use the same color
than the background color of the main area
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I21aa2993d9437fccd98bbdccc92a0f36ef2dae0d
use correct var's
work in classic and default notebookbar toolbar
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: Ifcc78ae80b247f7e1fab6e9b07f3435df22bfc60
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
correct vars were used
the gray background and border is now transparent
which is also a bug at the existing implementation
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: Iece8a34fb74a6d0c914e55feb1aae8da3616401c
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
use correct background-color also for hover
use correct text-color also fro hover
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: Idd84dd7e2ded9fb5e0924e07ccda083ba845e0dd
use color and background-color for select and hover
for container in toolbar and sidebar
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I7f26bf17b29e347779e731ad3282b0f17b2dac7c
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>
use transparent if no color definition is needed
so the color was defined only once.
add frame with --color-border
add selected page frame with --color-primary-dark
add hover page frame with --color-primary-darker
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I49dd896cae164da3e778a56f0ca478d116b23cec
See also Strings in the menubar
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I1ab6c0ca9b707839d9da174c0c48a76056a3ec04
hardcoded border colors and radius get replaced by var's
hover effect was added
::placeholder color was defined with --color-main-text
Pedro: no need to add ms vendor CSS stuff as we dropped ie
support. (And Edge support the regular property)
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I273842fc25d6f6f91914365499a58d7823669abf
Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com>
text which isn't selected or for anything importand,
should use --color-main-text
Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I93602996484bf877ded864954d6560aab0411f49
