]> BookStack Code Mirror - bookstack/blobdiff - resources/sass/_components.scss
Fixed OIDC Logout
[bookstack] / resources / sass / _components.scss
index 54c9434c4a8e92b8a89b532d569461a44724b899..c66a432bf263ec9fde0fb084e4d685076e4364f5 100644 (file)
@@ -574,7 +574,7 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
   cursor: pointer;
   width: 100%;
   text-align: left;
-  font-family: $mono;
+  font-family: var(--font-code);
   font-size: 0.7rem;
   padding-left: 24px + $-xs;
   &:hover, &.active {
@@ -676,6 +676,7 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
   @include lightDark(background-color, #FFF, #222);
   .content {
     font-size: 0.666em;
+    padding: $-xs $-s;
     p, ul, ol {
       font-size: $fs-m;
       margin: .5em 0;
@@ -700,16 +701,17 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
 
 .comment-box .header {
   border-bottom: 1px solid #DDD;
+  padding: $-xs $-s;
   @include lightDark(border-color, #DDD, #000);
-  button {
-    font-size: .8rem;
-  }
   a {
     color: inherit;
   }
   .text-muted {
     color: #999;
   }
+  .meta a, .meta span {
+    white-space: nowrap;
+  }
   .right-meta .text-muted {
     opacity: .8;
   }
@@ -729,12 +731,32 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
 
 .comment-reply {
   display: none;
+  margin: 0 !important;
+  margin-bottom: -$-xxs !important;
 }
 
 .comment-branch .comment-branch .comment-branch .comment-branch .comment-reply {
   display: block;
 }
 
+.comment-container-compact .comment-box {
+  .meta {
+    font-size: 0.8rem;
+  }
+  .header {
+    padding: $-xs;
+  }
+  .right-meta {
+    display: none;
+  }
+  .content {
+    padding: $-xs $-s;
+  }
+}
+.comment-container-compact .comment-thread-indicator {
+  width: $-m;
+}
+
 #tag-manager .drag-card {
   max-width: 500px;
 }