diff options
Diffstat (limited to 'app/assets/stylesheets/pages/todos.scss')
-rw-r--r-- | app/assets/stylesheets/pages/todos.scss | 271 |
1 files changed, 0 insertions, 271 deletions
diff --git a/app/assets/stylesheets/pages/todos.scss b/app/assets/stylesheets/pages/todos.scss deleted file mode 100644 index 6c8d87185e9..00000000000 --- a/app/assets/stylesheets/pages/todos.scss +++ /dev/null @@ -1,271 +0,0 @@ -/** - * Dashboard Todos - * - */ - -.todos-list > .todo { - // workaround because we cannot use border-colapse - border-top: 1px solid transparent; - display: -webkit-flex; - display: flex; - -webkit-flex-direction: row; - flex-direction: row; - - &:hover { - background-color: $row-hover; - border-color: $row-hover-border; - cursor: pointer; - } - - // overwrite border style of .content-list - &:last-child { - border-bottom: 1px solid transparent; - - &:hover { - border-color: $row-hover-border; - } - } - - .todo-avatar, - .todo-actions { - @include transition(opacity); - -webkit-flex: 0 0 auto; - flex: 0 0 auto; - } - - .todo-actions { - display: -webkit-flex; - display: flex; - -webkit-justify-content: center; - justify-content: center; - -webkit-flex-direction: column; - flex-direction: column; - margin-left: 10px; - min-width: 55px; - } - - .todo-item { - -webkit-flex: 0 1 100%; - flex: 0 1 100%; - min-width: 0; - } - - &.todo-pending.done-reversible { - background-color: $white-light; - - &:hover { - border-color: $white-normal; - background-color: $gray-light; - border-top: 1px solid transparent; - - .todo-avatar, - .todo-item { - opacity: .6; - } - } - - .todo-avatar, - .todo-item { - opacity: .2; - } - - .btn { - background-color: $gray-light; - } - } -} - -.todo-item { - @include transition(opacity); - - .todo-title { - display: flex; - - > .title-item { - -webkit-flex: 0 0 auto; - flex: 0 0 auto; - margin: 0 2px; - - &:first-child { - margin-left: 0; - } - - &:last-child { - margin-right: 0; - } - } - - .todo-label { - -webkit-flex: 0 1 auto; - 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; - } - - .action-name { - font-weight: $gl-font-weight-normal; - } - - .todo-body { - .todo-note { - word-wrap: break-word; - - .md { - color: $gl-grayish-blue; - font-size: $gl-font-size; - - .label { - color: $gl-text-color; - font-size: inherit; - } - - p { - color: $gl-text-color; - } - } - - code { - white-space: pre-wrap; - } - - pre { - border: none; - background: $gray-light; - border-radius: 0; - color: $todo-body-pre-color; - 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; - } - } - } -} - -@media (max-width: $screen-sm-max) { - .todos-filters { - .dropdown-menu-toggle { - width: 130px; - } - - .dropdown-menu-toggle-sort { - width: auto; - } - } -} - -@media (max-width: $screen-xs-max) { - .todo { - .avatar { - display: none; - } - } - - .todo-item { - .todo-title { - flex-flow: row wrap; - margin-bottom: 10px; - - .todo-label { - white-space: normal; - } - } - - .todo-body { - margin: 0; - border-left: 2px solid $todo-body-border; - padding-left: 10px; - } - } - - .todos-filters { - .dropdown-menu-toggle { - width: 100%; - } - } -} - -.todos-empty { - display: -webkit-flex; - display: flex; - -webkit-flex-direction: column; - flex-direction: column; - max-width: 900px; - margin-left: auto; - margin-right: auto; - - @media (min-width: $screen-sm-min) { - -webkit-flex-direction: row; - flex-direction: row; - padding-top: 80px; - } -} - -.todos-empty-content { - -webkit-align-self: center; - align-self: center; - max-width: 480px; - margin-right: 20px; -} - -.todos-empty-hero { - width: 200px; - margin-left: auto; - margin-right: auto; - - @media (min-width: $screen-sm-min) { - width: 300px; - margin-right: 0; - -webkit-order: 2; - order: 2; - } -} - -.todos-all-done { - padding-top: 20px; - - @media (min-width: $screen-sm-min) { - 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; - } -} - -.todos-filters { - @include new-style-dropdown; -} |