3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-07 14:38:33 +02:00
Code Issues Projects Releases Packages Wiki Activity

Fix library tabs styles

Browse source
This commit is contained in:
Juan de la Cruz 2020-02-01 11:54:25 +01:00
parent 62c6d85ed0
commit c1dee0dbf7
4 changed files with 8 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
frontend/resources/public/images/login-bg-2018.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 149 KiB

BIN
frontend/resources/public/images/login-bg.jpg
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 149 KiB

After

Width:  |  Height:  |  Size: 83 KiB

Before After
Before After

2
frontend/resources/styles/common/framework.scss
View file

@ -645,7 +645,7 @@ input[type=radio]:checked + label:before{
&::after { &::after {
content:"✓"; content:"✓";
color: #fff; color: #000000;
font-size: 16px; font-size: 16px;
} }

15
frontend/resources/styles/main/partials/library-bar.scss
View file

@ -21,31 +21,30 @@
.library-tabs { .library-tabs {
align-items: center; align-items: center;
background-color: $secondary-ui-bg; background-color: $color-white;
border-bottom: 1px solid $medium-ui-border;
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
margin: 0; margin: 0;
padding-top: 12px; padding-top: 12px;
li { li {
background-color: darken($secondary-ui-bg, 10%); background-color: $color-white;
border-top-left-radius: 3px; border-bottom: 2px solid transparent;
border-top-right-radius: 3px;
color: $color-gray; color: $color-gray;
cursor: pointer; cursor: pointer;
font-weight: bold;
font-size: $fs14; font-size: $fs14;
padding: .6rem; padding: .6rem;
text-align: center; text-align: center;
width: 118px; width: 118px;
&:hover { &:hover {
color: $color-white; color: $intense-ui-text;
} }
&.current { &.current {
background-color: $primary-ui-bg; border-color: $main-ui-color;
color: $main-ui-color; color: $intense-ui-text;
} }
} }