Docker/planka
Docker/planka
1
0
Fork 0
mirror of https://github.com/plankanban/planka.git synced 2025-07-27 09:09:46 +02:00
Code Issues Releases Activity

Background gradients, migrate from CSS to SCSS, remove !important

Browse source
This commit is contained in:
Maksim Eltyshev 2020-05-29 19:31:19 +05:00
parent 8534ed292c
commit 5bfff3865f
312 changed files with 4295 additions and 2989 deletions
Download patch file Download diff file Expand all files Collapse all files

144
client/src/components/List/List.module.scss Normal file
View file

@ -0,0 +1,144 @@
:global(#app) {
.addCardButton {
background: #dfe3e6;
border: none;
border-radius: 0 0 3px 3px;
color: #6b808c;
cursor: pointer;
display: block;
fill: #6b808c;
flex: 0 0 auto;
font-weight: normal;
height: 36px;
outline: none;
padding: 8px;
text-align: left;
width: 100%;
&:hover {
background: #c3cbd0;
color: #17394d;
fill: #17394d;
}
}
.addCardButtonIcon {
height: 20px;
padding: 0.64px;
width: 20px;
}
.addCardButtonText {
display: inline-block;
font-size: 14px;
line-height: 20px;
margin-left: 2px;
vertical-align: top;
}
.cards {
flex: 1 1 auto;
min-height: 1px;
}
.header {
background: #dfe3e6;
border-radius: 3px 3px 0 0;
box-sizing: none;
flex: 0 0 auto;
margin-bottom: 0;
outline: none;
padding: 6px 36px 4px 8px;
position: relative;
&:hover .target {
opacity: 1;
}
}
.headerButton {
background: none;
box-shadow: none;
color: #798d99;
line-height: 32px;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
right: 2px;
top: 2px;
width: 32px;
&:hover {
background: rgba(9, 30, 66, 0.13);
color: #516b7a;
}
}
.headerName {
background: transparent;
border-color: transparent;
border-radius: 3px;
color: #17394d;
font-weight: bold;
line-height: 20px;
margin: 0;
max-height: 256px;
outline: none;
overflow: hidden;
overflow-wrap: break-word;
padding: 4px 8px;
resize: none;
width: 100%;
word-break: break-word;
}
.list {
background: #dfe3e6;
box-sizing: border-box;
display: flex;
flex-direction: column;
padding: 0 8px;
position: relative;
white-space: normal;
width: 272px;
}
.listWrapper {
background: #dfe3e6;
max-height: calc(100vh - 300px);
overflow-x: hidden;
overflow-y: auto;
scrollbar-width: thin;
width: 290px;
&:hover {
width: 272px;
}
&::-webkit-scrollbar {
width: 5px;
}
&::-webkit-scrollbar-track {
background: transparent;
}
&::-webkit-scrollbar-thumb {
border-radius: 3px;
}
}
.listWrapperFull {
max-height: calc(100vh - 264px);
}
.wrapper {
border-radius: 3px;
flex: 0 0 auto;
margin: 0 4px;
overflow: hidden;
vertical-align: top;
width: 272px;
}
}