3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-04 06:58:29 +02:00
Code Issues Projects Releases Packages Wiki Activity

✨ Show color hex or name on hover

Browse source
This commit is contained in:
Alejandro Alonso 2022-01-11 08:47:14 +01:00 • committed by Alonso Torres
parent d8311ac3fa
commit 04f5a6a9f9
4 changed files with 19 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -92,8 +92,6 @@ ul.palette-menu .color-bullet {
.color-bullet {
display: flex;
flex-direction: row;
overflow: hidden;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAADFJREFUOE9jZGBgEAFifOANPknGUQMYhkkYEEgG+NMJKAwIAbwJbdQABnBCIgRoG4gAIF8IsXB/Rs4AAAAASUVORK5CYII=")
left center;
background-color: $color-white;
@ -104,6 +102,14 @@ ul.palette-menu .color-bullet {
}
}
.color-bullet-left {
border-radius: 10px 0 0 10px;
}
.color-bullet-right {
border-radius: 0 10px 10px 0;
}
.color-data .color-bullet.multiple {
background: transparent;
@ -155,6 +161,11 @@ 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;
@ -162,6 +173,7 @@ ul.palette-menu .color-bullet {
&:hover {
border-color: $color-primary;
z-index: 10;
}
&.button {

2
frontend/resources/styles/main/partials/colorpicker.scss
View file

@ -343,8 +343,6 @@
grid-template-columns: repeat(8, 1fr);
justify-content: space-between;
margin-right: -8px;
overflow-x: hidden;
overflow-y: auto;
max-height: 5.5rem;
}