summaryrefslogtreecommitdiff
path: root/app/assets/stylesheets/pages/todos.scss
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/stylesheets/pages/todos.scss')
-rw-r--r--app/assets/stylesheets/pages/todos.scss263
1 files changed, 0 insertions, 263 deletions
diff --git a/app/assets/stylesheets/pages/todos.scss b/app/assets/stylesheets/pages/todos.scss
deleted file mode 100644
index c6f104a024b..00000000000
--- a/app/assets/stylesheets/pages/todos.scss
+++ /dev/null
@@ -1,263 +0,0 @@
-/**
- * Dashboard Todos
- *
- */
-
-.todos-list > .todo {
- // workaround because we cannot use border-collapse
- border-top: 1px solid transparent;
- display: flex;
- flex-direction: row;
-
- &:hover {
- background-color: $blue-50;
- border-color: $blue-200;
- cursor: pointer;
- }
-
- // overwrite border style of .content-list
- &:last-child {
- border-bottom: 1px solid transparent;
-
- &:hover {
- border-color: $blue-200;
- }
- }
-
- .todo-avatar,
- .todo-actions {
- @include transition(opacity);
- flex: 0 0 auto;
- }
-
- .todo-actions {
- display: flex;
- justify-content: center;
- flex-direction: column;
- margin-left: 10px;
- min-width: 55px;
- }
-
- .todo-item {
- flex: 0 1 100%;
- min-width: 0;
- }
-
- &.todo-pending.done-reversible {
- background-color: $white;
-
- &:hover {
- border-color: $white-normal;
- background-color: $gray-light;
- border-top: 1px solid transparent;
-
- .todo-avatar,
- .todo-item {
- opacity: 0.6;
- }
- }
-
- .todo-avatar,
- .todo-item {
- opacity: 0.2;
- }
-
- .btn {
- background-color: $gray-light;
- }
- }
-}
-
-.todo-item {
- @include transition(opacity);
-
- .todo-title {
- > .title-item {
- &:first-child {
- margin-left: 0;
- }
-
- &:last-child {
- margin-right: 0;
- }
- }
-
- .todo-label {
- flex: 0 1 auto;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- }
-
- .status-box {
- margin: 0;
- float: none;
- display: inline-block;
- font-weight: $gl-font-weight-normal;
- padding: 0 5px;
- line-height: inherit;
- font-size: 14px;
- }
-
- .todo-label,
- .todo-project {
- a {
- color: $blue-600;
- font-weight: $gl-font-weight-normal;
- }
- }
-
- .todo-body {
- .badge.badge-pill,
- p {
- color: $gl-text-color;
- }
-
- .md {
- color: $gl-grayish-blue;
- font-size: $gl-font-size;
- }
-
- code {
- white-space: pre-wrap;
- }
-
- pre {
- border: 0;
- background: $gray-light;
- border-radius: 0;
- color: $gl-gray-500;
- margin: 0 20px;
- overflow: hidden;
- }
-
- .note-image-attach {
- margin-top: 4px;
- margin-left: 0;
- max-width: 200px;
- float: none;
- }
-
- p:last-child {
- margin-bottom: 0;
- }
- }
-
- .gl-label-scoped {
- --label-inset-border: inset 0 0 0 1px currentColor;
- }
-}
-
-@include media-breakpoint-down(sm) {
- .todos-filters {
- .dropdown-menu-toggle {
- width: 130px;
- }
-
- .dropdown-menu-toggle-sort {
- width: auto;
- }
- }
-}
-
-@include media-breakpoint-down(lg) {
- .todos-filters {
- .filter-categories {
- width: 75%;
-
- .filter-item {
- margin-bottom: 10px;
- }
- }
- }
-}
-
-@include media-breakpoint-down(sm) {
- .todo {
- .avatar {
- display: none;
- }
- }
-
- .todo-item {
- .todo-title {
- margin-bottom: 10px;
-
- .todo-label {
- white-space: normal;
- }
- }
-
- .todo-body {
- margin: 0;
- border-left: 2px solid $gl-gray-100;
- padding-left: 10px;
- }
- }
-
- .todos-filters {
- .filter-categories {
- width: auto;
- }
-
- .dropdown-menu-toggle {
- width: 100%;
- }
- }
-}
-
-.todos-empty {
- display: flex;
- flex-direction: column;
- max-width: 900px;
- margin-left: auto;
- margin-right: auto;
-
- @include media-breakpoint-up(sm) {
- flex-direction: row;
- padding-top: 80px;
- }
-}
-
-.todos-empty-content {
- align-self: center;
- max-width: 480px;
- margin-right: 20px;
-}
-
-.todos-empty-hero {
- width: 200px;
- margin-left: auto;
- margin-right: auto;
-
- @include media-breakpoint-up(sm) {
- width: 300px;
- margin-right: 0;
- order: 2;
- }
-}
-
-.todos-all-done {
- padding-top: 20px;
-
- @include media-breakpoint-up(sm) {
- padding-top: 50px;
- }
-
- > svg {
- display: block;
- max-width: 300px;
- margin: 0 auto 20px;
- }
-
- p {
- max-width: 470px;
- margin-left: auto;
- margin-right: auto;
- }
-
- a {
- font-weight: $gl-font-weight-bold;
- }
-}