diff options
author | GitLab Bot <gitlab-bot@gitlab.com> | 2022-12-20 17:22:11 +0300 |
---|---|---|
committer | GitLab Bot <gitlab-bot@gitlab.com> | 2022-12-20 17:22:11 +0300 |
commit | 0c872e02b2c822e3397515ec324051ff540f0cd5 (patch) | |
tree | ce2fb6ce7030e4dad0f4118d21ab6453e5938cdd /app/assets/stylesheets/page_bundles/todos.scss | |
parent | f7e05a6853b12f02911494c4b3fe53d9540d74fc (diff) |
Add latest changes from gitlab-org/gitlab@15-7-stable-eev15.7.0-rc42
Diffstat (limited to 'app/assets/stylesheets/page_bundles/todos.scss')
-rw-r--r-- | app/assets/stylesheets/page_bundles/todos.scss | 81 |
1 files changed, 65 insertions, 16 deletions
diff --git a/app/assets/stylesheets/page_bundles/todos.scss b/app/assets/stylesheets/page_bundles/todos.scss index 3eacf98688e..b35f5b38740 100644 --- a/app/assets/stylesheets/page_bundles/todos.scss +++ b/app/assets/stylesheets/page_bundles/todos.scss @@ -7,8 +7,16 @@ .todos-list > .todo { // workaround because we cannot use border-collapse + padding: 6px 12px !important; border-top: 1px solid transparent; + span:not(.todo-label), + button, + a:not(.todo-target-link), + time { + @include gl-relative; + } + // overwrite border style of .content-list &:last-child { border-bottom: 1px solid transparent; @@ -38,25 +46,66 @@ .todo-item { @include transition(opacity); - .todo-label, - .todo-project { - a { - color: var(--blue-600, $blue-600); - } + .todo-label a::before { + // Make area of the todo item clickable by expanding the area around the todo link + @include gl-content-empty; + @include gl-absolute; + @include gl-left-0; + @include gl-right-0; + @include gl-top-0; + @include gl-bottom-0; + z-index: 9; } +} - .todo-body { - p { - color: var(--gl-text-color, $gl-text-color); - } +.todo-title { + margin-right: 2.5rem; - .gl-label-scoped { - --label-inset-border: inset 0 0 0 1px currentColor; - } + @include media-breakpoint-up(sm) { + @include gl-mr-0; + @include gl-text-overflow-ellipsis; + @include gl-white-space-nowrap; + @include gl-overflow-hidden; + } +} - @include media-breakpoint-down(sm) { - border-left: 2px solid var(--border-color, $border-color); - padding-left: 10px; - } +.todo-body { + p { + @include gl-display-inline; + color: var(--gl-text-color, $gl-text-color); + } + + pre.code.highlight { + @include gl-py-0; + @include gl-px-1; + @include gl-m-0; + @include gl-bg-gray-50; + @include gl-border-0; + @include gl-rounded-base; + @include gl-display-inline-flex; + @include gl-text-body; + } + + .gl-label-scoped { + --label-inset-border: inset 0 0 0 1px currentColor; + } + + .avatar { + @include gl-mb-0; + } +} + +.todo-actions, +.todo-body .todo-avatar, +.todos-list > .todo a:not(.todo-target-link) { + z-index: 11 !important; +} + +.todo-actions { + @include gl-absolute; + @include gl-right-0; + + @include media-breakpoint-up(sm) { + @include gl-relative; } } |