hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

make active tab to jut out slightly to indicate that it's active (inspired by winMe)

Browse source
This commit is contained in:
Henry Jameson 2024-11-12 21:05:56 +02:00
commit 7c947115e2
3 changed files with 60 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/tab_switcher/tab_switcher.scss
View file

@ -119,7 +119,7 @@
.tab {
flex: 1;
box-sizing: content-box;
min-width: 10em;
max-width: 9em;
min-width: 1px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
@ -128,6 +128,11 @@
margin-right: -200px;
margin-left: 1em;
&:not(.active) {
margin-top: 0;
margin-left: 1.5em;
}
@media all and (max-width: 800px) {
padding-left: 0.25em;
padding-right: calc(0.25em + 200px);
@ -181,6 +186,7 @@
&:not(.active) {
z-index: 4;
margin-top: 0.25em;
&:hover {
z-index: 6;