summaryrefslogtreecommitdiff
path: root/app/assets/stylesheets/components/content_editor.scss
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/stylesheets/components/content_editor.scss')
-rw-r--r--app/assets/stylesheets/components/content_editor.scss53
1 files changed, 52 insertions, 1 deletions
diff --git a/app/assets/stylesheets/components/content_editor.scss b/app/assets/stylesheets/components/content_editor.scss
index a013d971efb..7f498b79d33 100644
--- a/app/assets/stylesheets/components/content_editor.scss
+++ b/app/assets/stylesheets/components/content_editor.scss
@@ -1,9 +1,13 @@
.ProseMirror {
+ max-height: 55vh;
+ overflow-y: auto;
+
td,
th,
li,
dd,
- dt {
+ dt,
+ summary {
:first-child {
margin-bottom: 0 !important;
}
@@ -37,6 +41,7 @@
}
}
+
.dl-content {
width: 100%;
@@ -50,6 +55,38 @@
}
}
}
+
+ .details-toggle-icon {
+ cursor: pointer;
+ z-index: 1;
+
+ &::before {
+ content: '▶';
+ display: inline-block;
+ width: $gl-spacing-scale-4;
+ }
+
+ &.is-open::before {
+ content: '▼';
+ }
+ }
+
+ .details-content {
+ width: calc(100% - #{$gl-spacing-scale-4});
+
+ > li {
+ list-style-type: none;
+ margin-left: $gl-spacing-scale-2;
+ }
+
+ > :not(:first-child) {
+ display: none;
+ }
+
+ &.is-open > :not(:first-child) {
+ display: inherit;
+ }
+ }
}
.table-creator-grid-item {
@@ -70,3 +107,17 @@
@include gl-white-space-nowrap;
}
+
+
+.content-editor-color-chip::after {
+ content: ' ';
+ display: inline-block;
+ align-items: center;
+ width: 11px;
+ height: 11px;
+ border-radius: 3px;
+ margin-left: 4px;
+ margin-top: -2px;
+ border: 1px solid $black-transparent;
+ background-color: var(--gl-color-chip-color);
+}