diff options
Diffstat (limited to 'app/assets/stylesheets/pages/todos.scss')
-rw-r--r-- | app/assets/stylesheets/pages/todos.scss | 263 |
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; - } -} |