vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Highlight outline color

pull/5507/head
Cagatay Civici 2024-02-07 15:29:48 +03:00
parent d698dbe3b9
commit 65255a2c9d
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
assets/styles/layout/_topbar.scss
View File

@ -104,7 +104,7 @@
.config-panel { .config-panel {
position: absolute; position: absolute;
top: 2.5rem; top: calc(100% + 2px);
right: 0; right: 0;
width: 14rem; width: 14rem;
padding: .75rem; padding: .75rem;
@ -140,10 +140,13 @@
height: 1rem; height: 1rem;
border-radius: 50%; border-radius: 50%;
cursor: pointer; cursor: pointer;
outline-color: transparent;
outline-width: 2px;
outline-style: solid;
outline-offset: 1px;
&.active-color { &.active-color {
outline: 2px solid currentcolor; outline-color: var(--primary-color-default);
outline-offset: 2px;
} }
} }
} }
@ -179,7 +182,7 @@
background-color: var(--p-surface-overlay); background-color: var(--p-surface-overlay);
position: absolute; position: absolute;
right: 0; right: 0;
top: auto; top: calc(100% + 2px);
border-radius: var(--p-border-radius); border-radius: var(--p-border-radius);
border: 1px solid var(--p-surface-border); border: 1px solid var(--p-surface-border);
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);