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

Sass fixes

pull/6121/head
tugcekucukoglu 2024-07-25 09:24:30 +03:00
parent cbc6186936
commit 940fb3e816
2 changed files with 14 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/showcase/assets/styles/layout/_doc.scss
View File

@ -52,6 +52,7 @@
border-top-left-radius: 6px; border-top-left-radius: 6px;
white-space: nowrap; white-space: nowrap;
--p-focus-ring-offset: -1px; --p-focus-ring-offset: -1px;
@include focus-visible();
&:hover { &:hover {
border-bottom-color: var(--hover-border-color); border-bottom-color: var(--hover-border-color);
@ -61,7 +62,6 @@
outline: 0 none; outline: 0 none;
} }
@include focus-visible();
} }
&.doc-tabmenu-active { &.doc-tabmenu-active {
@ -215,8 +215,8 @@
outline-color: transparent; outline-color: transparent;
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
@include focus-visible();
--p-focus-ring-offset: -1px; --p-focus-ring-offset: -1px;
@include focus-visible();
} }
&:hover { &:hover {

27
apps/showcase/assets/styles/layout/_sidebar.scss
View File

@ -30,7 +30,7 @@
> li { > li {
margin-bottom: .25rem; margin-bottom: .25rem;
> button, > button,
> a { > a {
display: flex; display: flex;
@ -46,9 +46,10 @@
font-size: 1rem; font-size: 1rem;
border: 0 none; border: 0 none;
margin: 0; margin: 0;
text-align: left; text-align: left;
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
--p-focus-ring-offset: -1px;
@include focus-visible(); @include focus-visible();
.menu-icon { .menu-icon {
@ -63,13 +64,13 @@
transition: all .2s; transition: all .2s;
position: relative; position: relative;
background-color: transparent; background-color: transparent;
i { i {
color: var(--text-color); color: var(--text-color);
transition: all .2s; transition: all .2s;
} }
} }
.menu-toggle-icon { .menu-toggle-icon {
color: var(--text-secondary-color); color: var(--text-secondary-color);
margin-left: auto; margin-left: auto;
@ -91,21 +92,18 @@
&.router-link-active { &.router-link-active {
color: var(--primary-text-color); color: var(--primary-text-color);
> .menu-icon { > .menu-icon {
i { i {
color: var(--primary-text-color); color: var(--primary-text-color);
} }
} }
} }
@include focus-visible();
--p-focus-ring-offset: -1px;
} }
> div { > div {
overflow: hidden; overflow: hidden;
ol { ol {
margin: 0 0 0 1rem; margin: 0 0 0 1rem;
padding: .25rem 0; padding: .25rem 0;
@ -123,10 +121,9 @@
transition: outline-color 0.2s, border-color .2s; transition: outline-color 0.2s, border-color .2s;
outline-color: transparent; outline-color: transparent;
position: relative; position: relative;
@include focus-visible();
--p-focus-ring-offset: -1px; --p-focus-ring-offset: -1px;
@include focus-visible();
&:hover { &:hover {
border-left-color: var(--hover-border-color); border-left-color: var(--hover-border-color);
} }
@ -159,7 +156,7 @@
right: 0; right: 0;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
.p-tag-value { .p-tag-value {
line-height: 1; line-height: 1;
} }
@ -175,4 +172,4 @@
margin-bottom: .25rem; margin-bottom: .25rem;
} }
} }
} }