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

fix alignment issue on doc search button

pull/3815/head
ATAKAN TEPE 2023-03-27 10:23:30 +03:00
parent f5fe822afb
commit 048e550a76
1 changed files with 32 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
assets/styles/layout/_docsearch.scss
View File

@ -19,28 +19,57 @@
} }
.DocSearch-Button-Keys { .DocSearch-Button-Keys {
background: transparent;
border-radius: var(--border-radius); border-radius: var(--border-radius);
overflow: hidden; overflow: hidden;
min-width: auto; min-width: auto;
height: 1.5rem; height: 1.5rem;
background: var(--docsearch-key-gradient);
display: flex;
align-items: center;
justify-content: center;
width: auto;
padding: .28rem .35rem;
gap: 2px;
.DocSearch-Button-Key { .DocSearch-Button-Key {
background: transparent;
display: flex;
padding: 0; padding: 0;
margin: 0; margin: 0;
top: 0; top: 0;
border-radius: 0; border-radius: 0;
height: auto; height: auto;
font-family: var(--font-family); font-family: var(--font-family);
width: 1.25rem; width: auto;
&:first-child { &:first-child {
justify-content: end; justify-content: end;
font-size: 0.8rem;
font-weight: 700;
line-height: 13.5px;
svg{
height: 14.5px;
}
} }
&:last-child { &:last-child {
justify-content: start; justify-content: start;
padding-left: 2px; align-items: center;
font-size: 0.8rem;
position: relative;
&::before {
content: "\e90d";
display: flex;
color: var(--text-color);
font-family: "primeicons";
font-size: .4rem;
opacity: .7;
margin-right: 2px;
height: 13.5px;
align-items: center;
font-weight: 700;
}
} }
} }
} }