3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-03 18:48:25 +02:00
Code Issues Projects Releases Packages Wiki Activity

✨ Fixing show color hex or name on hover

Browse source
This commit is contained in:
Alejandro Alonso 2022-01-13 13:32:56 +01:00 • committed by Alonso Torres
parent a86e3a8636
commit a4c45942c9
3 changed files with 43 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

29
frontend/resources/styles/main/partials/color-bullet.scss
View file

@ -6,7 +6,6 @@
.color-cell {
.color-bullet {
background-color: transparent;
// Creates strange artifacts
border: 2px solid $color-gray-60;
// box-shadow: 0 0 0 2px $color-gray-60;
@ -102,14 +101,28 @@ ul.palette-menu .color-bullet {
}
}
.color-bullet-left {
.color-bullet.is-library-color .color-bullet-left,
.selected-colors .color-bullet .color-bullet-left {
border-radius: 10px 0 0 10px;
}
.color-bullet-right {
.color-bullet.is-library-color .color-bullet-right,
.selected-colors .color-bullet .color-bullet-right {
border-radius: 0 10px 10px 0;
}
.color-palette .color-bullet .color-bullet-left {
border-radius: 25px 0 0 25px;
}
.color-palette .color-bullet .color-bullet-right {
border-radius: 0 25px 25px 0;
}
.color-data .color-bullet.is-library-color {
border-radius: 50%;
}
.color-data .color-bullet.multiple {
background: transparent;
@ -118,12 +131,7 @@ ul.palette-menu .color-bullet {
}
}
.color-data .color-bullet.is-library-color {
border-radius: 50%;
}
.color-data .color-bullet {
background-color: $color-gray-30;
border: 1px solid $color-gray-30;
border-radius: $br-small;
cursor: pointer;
@ -161,11 +169,6 @@ ul.palette-menu .color-bullet {
}
}
.color-data .color-bullet .color-bullet-left,
.color-data .color-bullet .color-bullet-right {
border-radius: unset;
}
.colorpicker-content .libraries .selected-colors .color-bullet {
grid-area: auto;
margin-bottom: 0.25rem;