Docker/planka
Docker/planka
1
0
Fork 0
mirror of https://github.com/plankanban/planka.git synced 2025-08-05 05:25:29 +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

2
client/src/components/Boards/AddPopup.jsx
View file

@ -7,7 +7,7 @@ import { Input, Popup } from '../../lib/custom-ui';
import { useForm } from '../../hooks';
import styles from './AddPopup.module.css';
import styles from './AddPopup.module.scss';
const AddStep = React.memo(({ onCreate, onClose }) => {
const [t] = useTranslation();

3
client/src/components/Boards/AddPopup.module.css
View file

@ -1,3 +0,0 @@
.field {
margin-bottom: 8px;
}

5
client/src/components/Boards/AddPopup.module.scss Normal file
View file

@ -0,0 +1,5 @@
:global(#app) {
.field {
margin-bottom: 8px;
}
}

2
client/src/components/Boards/Boards.jsx
View file

@ -12,7 +12,7 @@ import DroppableTypes from '../../constants/DroppableTypes';
import AddPopup from './AddPopup';
import EditPopup from './EditPopup';
import styles from './Boards.module.css';
import styles from './Boards.module.scss';
const Boards = React.memo(
({ items, currentId, isEditable, onCreate, onUpdate, onMove, onDelete }) => {

80
client/src/components/Boards/Boards.module.css
View file

@ -1,80 +0,0 @@
.addButton {
background: transparent !important;
color: #fff !important;
margin-right: 0 !important;
vertical-align: top !important;
}
.addButton:hover {
background: rgba(34, 36, 38, 0.3) !important;
}
.editButton {
background: transparent !important;
box-shadow: none !important;
color: #fff !important;
line-height: 32px !important;
margin-right: 0 !important;
opacity: 0;
padding: 0 !important;
position: absolute;
right: 2px;
top: 2px;
width: 32px;
}
.editButton:hover {
background: rgba(255, 255, 255, 0.08) !important;
}
.link {
color: #fff !important;
display: block;
line-height: 20px;
padding: 10px 34px 6px 14px;
text-overflow: ellipsis;
max-width: 400px;
overflow: hidden;
}
.tab {
border-radius: 3px 3px 0 0;
min-width: 100px;
position: relative;
transition: all 0.1s ease;
}
.tab:hover {
background: rgba(0, 0, 0, 0.24) !important;
}
.tab:hover .target {
opacity: 1 !important;
}
.tabActive {
background: rgba(0, 0, 0, 0.24) !important;
}
.tabActive:hover {
background: rgba(0, 0, 0, 0.32) !important;
}
.tabWrapper {
display: flex;
flex: 0 0 auto;
}
.tabs {
border-bottom: 2px solid rgba(0, 0, 0, 0.24);;
display: flex;
height: 38px;
flex: 0 0 auto;
white-space: nowrap;
}
.wrapper {
display: flex;
flex: 1 1 auto;
flex-direction: column;
}

82
client/src/components/Boards/Boards.module.scss Normal file
View file

@ -0,0 +1,82 @@
:global(#app) {
.addButton {
background: transparent;
color: #fff;
margin-right: 0;
vertical-align: top;
&:hover {
background: rgba(34, 36, 38, 0.3);
}
}
.editButton {
background: transparent;
box-shadow: none;
color: #fff;
line-height: 32px;
margin-right: 0;
opacity: 0;
padding: 0;
position: absolute;
right: 2px;
top: 2px;
width: 32px;
&:hover {
background: rgba(255, 255, 255, 0.08);
}
}
.link {
color: #fff;
display: block;
line-height: 20px;
padding: 10px 34px 6px 14px;
text-overflow: ellipsis;
max-width: 400px;
overflow: hidden;
}
.tab {
border-radius: 3px 3px 0 0;
min-width: 100px;
position: relative;
transition: all 0.1s ease;
&:hover {
background: rgba(0, 0, 0, 0.24);
.target {
opacity: 1;
}
}
}
.tabActive {
background: rgba(0, 0, 0, 0.24);
&:hover {
background: rgba(0, 0, 0, 0.32);
}
}
.tabWrapper {
display: flex;
flex: 0 0 auto;
}
.tabs {
border-bottom: 2px solid rgba(0, 0, 0, 0.24);;
display: flex;
height: 38px;
flex: 0 0 auto;
white-space: nowrap;
}
.wrapper {
display: flex;
flex: 1 1 auto;
flex-direction: column;
}
}

2
client/src/components/Boards/EditPopup.jsx
View file

@ -9,7 +9,7 @@ import { Input, Popup } from '../../lib/custom-ui';
import { useForm, useSteps } from '../../hooks';
import DeleteStep from '../DeleteStep';
import styles from './EditPopup.module.css';
import styles from './EditPopup.module.scss';
const StepTypes = {
DELETE: 'DELETE',

17
client/src/components/Boards/EditPopup.module.css
View file

@ -1,17 +0,0 @@
.deleteButton {
bottom: 12px;
box-shadow: 0 1px 0 #cbcccc;
position: absolute;
right: 9px;
}
.field {
margin-bottom: 8px;
}
.text {
color: #444444;
font-size: 12px;
font-weight: bold;
padding-bottom: 6px;
}

19
client/src/components/Boards/EditPopup.module.scss Normal file
View file

@ -0,0 +1,19 @@
:global(#app) {
.deleteButton {
bottom: 12px;
box-shadow: 0 1px 0 #cbcccc;
position: absolute;
right: 9px;
}
.field {
margin-bottom: 8px;
}
.text {
color: #444444;
font-size: 12px;
font-weight: bold;
padding-bottom: 6px;
}
}