fix(content): cards and quotes z layer and position

yoyurec · Feb 18, 2023 · a33dd4f · a33dd4f
1 parent 17aa2b5
commit a33dd4f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 28 deletions.
diff --git a/src/modules/content/flashcard/flashcardAwesome.css b/src/modules/content/flashcard/flashcardAwesome.css
@@ -1,27 +1,22 @@
 .ls-block[data-refs-self*='"card"'] {
     --ls-guideline-color: transparent;
     position: relative;
-    margin: 0px 0 8px 0;
-    padding: 12px 20px 12px 0;
+    margin: -2px 0 8px 4px;
+    padding: 12px 28px 12px 0;
     border: 1px solid var(--ls-border-color);
     border-left-width: 4px;
     box-shadow: none;
-    transform: translate(4px, -2px);
 }
 
 .ls-block[data-refs-self*='"card"']:not(.pre-block)::before,
 .ls-block[data-refs-self*='"card"'] > div  {
-    transform: translateX(-8px);
-}
-
-#cards-modal .ls-block[data-refs-self*='"card"'] {
-    transform: none;
+    margin-left: -8px;
 }
 
 .ls-block[data-refs-self*='"card"'] > .flex.flex-row::before {
     position: absolute;
-    top: -10px;
-    right: -22px;
+    top: 0px;
+    right: 8px;
     content: "\ea38";
     font-family: tabler-icons;
     font-size: 20px;

diff --git a/src/modules/content/quote/quote.css b/src/modules/content/quote/quote.css
@@ -2,45 +2,36 @@ blockquote,
 .ls-block[data-refs-self*='"quote"']:not(.pre-block) {
     --ls-guideline-color: transparent;
     position: relative;
-    /* margin: 0px 0 8px 0; */
-    padding: 8px 20px 8px 0;
-    border-radius: 4px;
+    margin: -2px 0 8px 4px;
+    padding: 12px 28px 12px 0;
+    border-left-width: 4px;
     border-left: 4px solid var(--ls-page-blockquote-border-color);
+    border-radius: 4px;
     color: var(--ls-page-blockquote-color);
     background-color: var(--ls-page-blockquote-bg-color);
-    transform: translate(4px, 0);
 }
 
 .ls-block[data-refs-self*='"quote"']:not(.pre-block)::before,
 .ls-block[data-refs-self*='"quote"'] > div  {
-    transform: translateX(-8px);
+    margin-left: -8px;
 }
 
-blockquote .is-paragraph::before,
+blockquote::before,
 .ls-block[data-refs-self*='"quote"']:not(.pre-block) > .flex.flex-row::before {
   position: absolute;
-  top: -10px;
-  right: -20px;
+  top: 1px;
+  right: 7px;
   content: "\ee09";
   font-family: tabler-icons;
   font-size: 20px;
   opacity: 0.5;
 }
 
 blockquote {
-  padding: 8px 32px 8px 20px;
-}
-
-blockquote + blockquote,
-.ls-block[data-refs-self*='"quote"']:not(.pre-block) + .ls-block[data-refs-self*='"quote"']:not(.pre-block) {
-  margin-top: 2px;
-}
-
-blockquote .is-paragraph {
   position: relative;
+  padding: 8px 30px 8px 20px;
 }
 
-
 .ls-block[data-refs-self*='"quote"'].selected {
     background-color: var(--ls-block-highlight-color);
 }