From 418cd6d871d4707fe1802e6dda0bffd144fc6906 Mon Sep 17 00:00:00 2001 From: Ryo Hilmawan <54142180+CloudHill@users.noreply.github.com> Date: Fri, 6 Nov 2020 02:17:44 +0700 Subject: [PATCH] Update styles.css Styling for each line type --- mods/tweaks/styles.css | 28 ++++++++++++++++++++++++---- 1 file changed, 24 insertions(+), 4 deletions(-) diff --git a/mods/tweaks/styles.css b/mods/tweaks/styles.css index 218d0e2..15013eb 100644 --- a/mods/tweaks/styles.css +++ b/mods/tweaks/styles.css @@ -54,10 +54,30 @@ margin-bottom: -1.5px !important; } -[data-tweaks*='[indentation_lines]'] - div.notion-selectable.notion-bulleted_list-block - > div > div > div.notion-selectable.notion-bulleted_list-block { - border-left: 1px dashed var(--theme--text_ui_info); +[data-tweaks*='[indentation_lines'] +div.notion-selectable.notion-bulleted_list-block > div > div:last-child { + position: relative; +} +[data-tweaks*='[indentation_lines'] +div.notion-selectable.notion-bulleted_list-block > div > div:last-child::before { + content: ""; + position: absolute; + height: calc(100% - 2em); + top: 2em; + left: -14.48px; + border-left: 1px solid; +} +[data-tweaks*='[indentation_lines_dashed]'] +div.notion-selectable.notion-bulleted_list-block > div > div:last-child::before { + border-left-style: dashed; +} +[data-tweaks*='[indentation_lines_dotted]'] +div.notion-selectable.notion-bulleted_list-block > div > div:last-child::before { + border-left-style: dotted; +} +[data-tweaks*='[indentation_lines_soft]'] +div.notion-selectable.notion-bulleted_list-block > div > div:last-child::before { + opacity: 0.25; } [data-tweaks*='[scroll_db_toolbars]'] .notion-frame > .notion-scroller > [style*="overflow: visible;"],