Docker/planka
Docker/planka
1
0
Fork 0
mirror of https://github.com/plankanban/planka.git synced 2025-07-25 16:19:47 +02:00
Code Issues Releases Activity

fix: Responsive label color selector, improve action button styles (#1184)

Browse source
This commit is contained in:
Symon Baikov 2025-06-07 14:44:45 +03:00 • committed by GitHub
parent 1a8dcd9858
commit 8bc1569242
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
6 changed files with 44 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

41
client/src/components/labels/LabelsStep/Editor.module.scss
View file

@ -5,12 +5,8 @@
:global(#app) {
.colorButton {
float: left;
height: 30px;
margin: 3px;
padding: 0;
margin: 0;
position: relative;
width: 41.6px;
&:hover {
opacity: 0.9;
@ -18,28 +14,43 @@
}
.colorButtonActive:before {
bottom: 1px;
color: #ffffff;
content: "Г";
font-size: 16px;
line-height: 32px;
position: absolute;
right: 4px;
right: calc(50% - 5px);
text-align: center;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
top: 0;
top: calc(50% - 17px);
transform: rotate(-135deg);
width: 32px;
}
.colorButtons {
margin: -3px;
padding-bottom: 16px;
display: grid;
gap: 6px;
grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
margin-bottom: 12px;
max-height: 60vh;
overflow-y: auto;
&:after {
clear: both;
content: "";
display: table;
@supports (-moz-appearance: none) {
scrollbar-color: rgba(0, 0, 0, 0.32) transparent;
scrollbar-width: thin;
}
&::-webkit-scrollbar {
width: 9px;
}
&::-webkit-scrollbar-track {
background: transparent;
}
&::-webkit-scrollbar-thumb {
background-clip: padding-box;
border-left: 0.25em transparent solid;
border-radius: 3px;
}
}