diff options
author | Regis Boudinot <boudinot.regis@yahoo.com> | 2017-08-07 23:56:16 +0000 |
---|---|---|
committer | Jacob Schatz <jschatz@gitlab.com> | 2017-08-07 23:56:16 +0000 |
commit | f59bdbf0f12b2f370a6931753d8ee14ba92d66ea (patch) | |
tree | 24da1adbf5c2c4a5ee0e6d22b96b3255a7159641 /app/assets/stylesheets/pages/note_form.scss | |
parent | 1bed998ee91231bafab74a5b423d9ef1d966989d (diff) | |
download | gitlab-ce-f59bdbf0f12b2f370a6931753d8ee14ba92d66ea.tar.gz |
33874 confidential issue redesign
Diffstat (limited to 'app/assets/stylesheets/pages/note_form.scss')
-rw-r--r-- | app/assets/stylesheets/pages/note_form.scss | 53 |
1 files changed, 32 insertions, 21 deletions
diff --git a/app/assets/stylesheets/pages/note_form.scss b/app/assets/stylesheets/pages/note_form.scss index cdb1e65e4be..c90642178fc 100644 --- a/app/assets/stylesheets/pages/note_form.scss +++ b/app/assets/stylesheets/pages/note_form.scss @@ -104,40 +104,51 @@ } .confidential-issue-warning { - background-color: $gray-normal; - border-radius: 3px; + color: $orange-600; + background-color: $orange-50; + border-radius: $border-radius-default $border-radius-default 0 0; + border: 1px solid $border-gray-normal; padding: 3px 12px; margin: auto; - margin-top: 0; - text-align: center; - font-size: 12px; align-items: center; +} - @media (max-width: $screen-md-max) { - // On smaller devices the warning becomes the fourth item in the list, - // rather than centering, and grows to span the full width of the - // comment area. - order: 4; - margin: 6px auto; - width: 100%; +.confidential-value { + .fa { + background-color: inherit; } +} - .fa { - margin-right: 8px; +.confidential-warning-message { + line-height: 1.5; + padding: 16px; + + .confidential-warning-message-actions { + display: flex; + + button { + flex-grow: 1; + } } } +.not-confidential { + padding: 0; + border-top: none; +} + .right-sidebar-expanded { - .confidential-issue-warning { - // When the sidebar is open the warning becomes the fourth item in the list, - // rather than centering, and grows to span the full width of the - // comment area. - order: 4; - margin: 6px auto; - width: 100%; + .md-area { + border-radius: 0; + border-top: none; } } +.right-sidebar-collapsed { + .confidential-issue-warning { + border-bottom: none; + } +} .discussion-form { padding: $gl-padding-top $gl-padding $gl-padding; |