local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fix: move .progress styles together as close as possible

Browse source
This commit is contained in:
Dominik Pschenitschni 2021-10-18 14:33:38 +02:00
parent 986130a0ac
commit 6ba974f9fa
No known key found for this signature in database
GPG key ID: B257AC0149F43A77
2 changed files with 31 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
src/styles/components/tasks.scss
View file

@ -3,6 +3,21 @@
padding: 0;
text-align: left;
@media screen and (min-width: $tablet) {
&.short {
max-width: 53vw;
}
}
@media screen and (max-width: $tablet) {
max-width: 100%;
}
.progress {
// overwrite bulma
margin-bottom: 0;
}
&.noborder {
margin: 1rem -0.5rem;
}
@ -16,6 +31,7 @@
&:last-child {
margin-bottom: .5rem;
border-bottom: none;
}
}
@ -24,21 +40,6 @@
font-size: .9rem;
}
.progress {
width: 50px;
margin: 0 0.5rem 0 0;
flex: 3 1 auto;
@media screen and (max-width: $tablet) {
margin: 0.5rem 0 0 0;
order: 1;
width: 100%;
}
}
.task:last-child {
border-bottom: none;
}
}
.is-menu-enabled .tasks .task {

16
src/styles/theme/theme.scss
View file

@ -42,12 +42,26 @@ h6 {
}
}
// FIXME: create <ProgressBar> component. used in
// - attachments.vue
// - kanban-card.vue
// - singleTaskInList.vue
.progress {
border-radius: $radius-large;
width: 50px;
margin: 0 0.5rem 0 0;
flex: 3 1 auto;
&::-moz-progress-bar, &::-webkit-progress-value {
&::-moz-progress-bar,
&::-webkit-progress-value {
background: $grey-500;
}
@media screen and (max-width: $tablet) {
margin: 0.5rem 0 0 0;
order: 1;
width: 100%;
}
}
.has-no-border {