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%;
+ }
}
+// FIXME: these helpers should be mixins
.has-no-border {
border: none !important;
}
@@ -82,6 +82,7 @@ h6 {
overflow-x: auto;
}
+// FIXME: this should be moved in a Avatar component
.image.is-avatar {
border-radius: 100%;
}
@@ -90,6 +91,8 @@ button.table {
margin-bottom: 0 !important;
}
+// FIXME: merge with dropdown-item.vue
+// for this to happen the component has to be used everywhere
.dropdown-item {
display: flex;
align-items: center;
@@ -145,10 +148,8 @@ button.table {
margin-right: 4px;
}
-.dropdown-menu {
- .dropdown-content {
- box-shadow: $shadow-md;
- }
+.dropdown-menu .dropdown-content {
+ box-shadow: $shadow-md;
}
.is-strikethrough {
@@ -162,3 +163,8 @@ button.table {
.dragging-disabled .handle {
opacity: 0 !important;
}
+
+.box {
+ border: 1px solid $grey-200;
+ box-shadow: $shadow-sm;
+}
\ No newline at end of file
diff --git a/src/styles/theme/update-notification.scss b/src/styles/theme/update-notification.scss
deleted file mode 100644
index 36cda4225..000000000
--- a/src/styles/theme/update-notification.scss
+++ /dev/null
@@ -1,40 +0,0 @@
-.update-notification {
- margin: 1rem;
- display: flex;
- align-items: center;
- background: $warning;
- padding: 0 0 0 .5rem;
- border-radius: $radius;
- font-size: .9rem;
- color: $grey-900;
- justify-content: space-between;
-
- @media screen and (max-width: $desktop) {
- & {
- position: fixed;
- bottom: 1rem;
- margin: 0;
- width: 450px;
- left: calc(50vw - 225px);
- }
- }
-
- @media screen and (max-width: $tablet) {
- & {
- position: fixed;
- left: 1rem;
- right: 1rem;
- bottom: 1rem;
- width: auto;
- }
- }
-
- p {
- text-align: center;
- width: 100%;
- }
-
- .button {
- margin-left: .5rem;
- }
-}
diff --git a/src/styles/theme/variables-derived.scss b/src/styles/theme/variables-derived.scss
deleted file mode 100644
index ee5c640f1..000000000
--- a/src/styles/theme/variables-derived.scss
+++ /dev/null
@@ -1,2 +0,0 @@
-// Variables that are derived from bulma variables need to be included after them
-$mobile: math.div($tablet, 2);
diff --git a/src/styles/utilities/transitions.scss b/src/styles/transitions.scss
similarity index 100%
rename from src/styles/utilities/transitions.scss
rename to src/styles/transitions.scss
diff --git a/src/styles/utilities/_all.scss b/src/styles/utilities/_all.scss
deleted file mode 100644
index 2d0c76dea..000000000
--- a/src/styles/utilities/_all.scss
+++ /dev/null
@@ -1,2 +0,0 @@
-@import 'animations';
-@import 'transitions';
diff --git a/src/styles/utilities/animations.scss b/src/styles/utilities/animations.scss
deleted file mode 100644
index a0550a16c..000000000
--- a/src/styles/utilities/animations.scss
+++ /dev/null
@@ -1,25 +0,0 @@
-@keyframes bounce {
- from,
- 20%,
- 53%,
- 80%,
- to {
- animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
- transform: translate3d(0, 0, 0);
- }
-
- 40%,
- 43% {
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
- transform: translate3d(0, -30px, 0);
- }
-
- 70% {
- animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
- transform: translate3d(0, -15px, 0);
- }
-
- 90% {
- transform: translate3d(0, -4px, 0);
- }
-}
\ No newline at end of file
diff --git a/src/styles/variables/_all.scss b/src/styles/variables/_all.scss
deleted file mode 100644
index 8fa73e444..000000000
--- a/src/styles/variables/_all.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-@import 'colors';
-@import 'shadows';
-@import 'variables';
-
-// the default values get overwritten by the definitions above
-@import "bulma/sass/utilities/_all";
\ No newline at end of file
diff --git a/src/styles/variables/_index.scss b/src/styles/variables/_index.scss
index ba1a82473..bef2ad0cb 100644
--- a/src/styles/variables/_index.scss
+++ b/src/styles/variables/_index.scss
@@ -3,4 +3,10 @@
@import "variables";
// the default values get overwritten by the definitions above
-@import "bulma/sass/utilities/_all";
\ No newline at end of file
+@import "bulma/sass/utilities/_all";
+
+// this is needed so that the shared form variables are globally defined aswell
+@import "bulma/sass/form/shared";
+
+// since $tablet is defined by bulma we can just define it after importing the utilities
+$mobile: math.div($tablet, 2);
\ No newline at end of file
diff --git a/src/styles/variables/variables.scss b/src/styles/variables/variables.scss
index 33f344072..6317d87a4 100644
--- a/src/styles/variables/variables.scss
+++ b/src/styles/variables/variables.scss
@@ -1,5 +1,3 @@
-@import 'colors';
-
$white: #fff;
$black: hsl(0, 0%, 4%) !default;
$orange: #ff851b;
@@ -8,34 +6,24 @@ $red: #ff4136;
$blue: #1973ff;
$primary: $blue;
-$info-invert: #fff;
+$info-invert: $white;
+
$family-sans-serif: 'Open Sans', Helvetica, Arial, sans-serif;
+$vikunja-font: 'Quicksand', sans-serif;
+
$thickness: 1px;
$pagination-current-border: $primary;
$navbar-item-active-color: $primary;
+
$dropdown-content-shadow: none;
-$navbar-dropdown-boxed-shadow: $dropdown-content-shadow;
+$dropdown-item-hover-background-color: $grey-100;
+
$bulmaswatch-import-font: false !default;
$light-background: $grey-100;
-$transition-duration: 100ms;
-$flash-background-duration: 750ms;
-
-$vikunja-font: 'Quicksand', sans-serif;
-
-$navbar-padding: 2rem;
-$vikunja-nav-background: $light-background;
-$vikunja-nav-color: $grey-700;
-$vikunja-nav-selected-width: 0.4rem;
-$vikunja-nav-logo-full-width: 164px;
$transition-duration: 150ms;
$transition: $transition-duration ease;
-$scrollbar-height: 8px;
-$scrollbar-track-color: $grey-200;
-$scrollbar-thumb-color: $grey-300;
-$scrollbar-hover-color: $grey-500;
-
$button-height: 34px;
$switch-view-height: 2.69rem;
@@ -47,6 +35,7 @@ $navbar-height: 4rem;
$navbar-width: 300px;
$navbar-icon-width: 40px;
-$editor-border-color: #ddd;
-$dropdown-item-hover-background-color: $grey-100;
+$lists-per-row: 5;
+$list-height: 150px;
+$list-spacing: 1rem;
diff --git a/src/styles/vikunja.scss b/src/styles/vikunja.scss
deleted file mode 100644
index 448985380..000000000
--- a/src/styles/vikunja.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-@import 'theme/all';
-@import 'utilities/all';
-@import 'components/all';
diff --git a/src/views/Home.vue b/src/views/Home.vue
index d5231bd90..c31febc0e 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -141,3 +141,15 @@ export default {
},
}
+
+
\ No newline at end of file
diff --git a/src/views/list/ShowList.vue b/src/views/list/ShowList.vue
index 68e417d9e..cca9b3d52 100644
--- a/src/views/list/ShowList.vue
+++ b/src/views/list/ShowList.vue
@@ -148,3 +148,54 @@ export default {
},
}
+
+
\ No newline at end of file
diff --git a/src/views/list/settings/background.vue b/src/views/list/settings/background.vue
index fc78156f8..bb3ead15d 100644
--- a/src/views/list/settings/background.vue
+++ b/src/views/list/settings/background.vue
@@ -158,3 +158,86 @@ export default {
},
}
+
+
\ No newline at end of file
diff --git a/src/views/list/views/Gantt.vue b/src/views/list/views/Gantt.vue
index f5eab4967..b3628238b 100644
--- a/src/views/list/views/Gantt.vue
+++ b/src/views/list/views/Gantt.vue
@@ -103,4 +103,68 @@ export default {
},
},
}
-
\ No newline at end of file
+
+
+
\ No newline at end of file
diff --git a/src/views/list/views/Kanban.vue b/src/views/list/views/Kanban.vue
index cc456aad0..1aa1a3c89 100644
--- a/src/views/list/views/Kanban.vue
+++ b/src/views/list/views/Kanban.vue
@@ -591,3 +591,172 @@ export default {
},
}
+
+
\ No newline at end of file
diff --git a/src/views/list/views/List.vue b/src/views/list/views/List.vue
index 7324b4603..11ce974f5 100644
--- a/src/views/list/views/List.vue
+++ b/src/views/list/views/List.vue
@@ -309,3 +309,54 @@ export default {
},
}
+
+
\ No newline at end of file
diff --git a/src/views/list/views/Table.vue b/src/views/list/views/Table.vue
index 8a5f86058..f90a597d3 100644
--- a/src/views/list/views/Table.vue
+++ b/src/views/list/views/Table.vue
@@ -134,7 +134,7 @@
- Done
+
|
{{ t.title }}
@@ -190,6 +190,7 @@
+
+
\ No newline at end of file
diff --git a/src/views/migrator/Migrate.vue b/src/views/migrator/Migrate.vue
index c081e1235..3f3a6e343 100644
--- a/src/views/migrator/Migrate.vue
+++ b/src/views/migrator/Migrate.vue
@@ -34,3 +34,20 @@ export default {
},
}
+
+
\ No newline at end of file
diff --git a/src/views/namespaces/ListNamespaces.vue b/src/views/namespaces/ListNamespaces.vue
index 21f68cd73..addaa596e 100644
--- a/src/views/namespaces/ListNamespaces.vue
+++ b/src/views/namespaces/ListNamespaces.vue
@@ -101,3 +101,49 @@ export default {
},
}
+
+
\ No newline at end of file
diff --git a/src/views/tasks/ShowTasks.vue b/src/views/tasks/ShowTasks.vue
index f9f1a9d37..9da80d15b 100644
--- a/src/views/tasks/ShowTasks.vue
+++ b/src/views/tasks/ShowTasks.vue
@@ -254,3 +254,30 @@ export default {
},
}
+
+
\ No newline at end of file
diff --git a/src/views/tasks/TaskDetailView.vue b/src/views/tasks/TaskDetailView.vue
index 9ccefd402..b27f3ef67 100644
--- a/src/views/tasks/TaskDetailView.vue
+++ b/src/views/tasks/TaskDetailView.vue
@@ -692,3 +692,236 @@ export default {
},
}
+
+
\ No newline at end of file
diff --git a/src/views/teams/EditTeam.vue b/src/views/teams/EditTeam.vue
index 65fd5bd4b..741c9565b 100644
--- a/src/views/teams/EditTeam.vue
+++ b/src/views/teams/EditTeam.vue
@@ -298,3 +298,13 @@ export default {
},
}
+
+
\ No newline at end of file
diff --git a/src/views/teams/ListTeams.vue b/src/views/teams/ListTeams.vue
index d6dd95afe..2fc6f87e7 100644
--- a/src/views/teams/ListTeams.vue
+++ b/src/views/teams/ListTeams.vue
@@ -49,3 +49,32 @@ export default {
},
}
+
+
\ No newline at end of file
diff --git a/src/views/user/Login.vue b/src/views/user/Login.vue
index 0ad4dac0a..9267d4243 100644
--- a/src/views/user/Login.vue
+++ b/src/views/user/Login.vue
@@ -222,7 +222,17 @@ export default {
}
- |