From 230441a7bfd4247af47d1b622d703e14bf6a4649 Mon Sep 17 00:00:00 2001 From: FlorianWoelki Date: Sun, 26 Dec 2021 11:04:03 +0100 Subject: [PATCH] fix: issue with styling new modal design --- src/styles.css | 61 ++++++++++++++++++++++---------------------------- 1 file changed, 27 insertions(+), 34 deletions(-) diff --git a/src/styles.css b/src/styles.css index 4dafec33..a3a25aa8 100644 --- a/src/styles.css +++ b/src/styles.css @@ -5,49 +5,42 @@ margin: auto 0; } -.obsidian-icon-folder-icon-preview { - position: absolute; - top: 0; - left: 0; - margin-top: 7px; -} - -.obsidian-icon-folder-icon-preview img { - width: 16px; - height: 16px; -} - .obsidian-icon-folder-setting .setting-item-control .dropdown { margin-right: 12px; } .prompt-results { - margin: 0; - overflow-y: auto; - display: grid; - grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); - grid-auto-rows: 90px; + margin: 0; + overflow-y: auto; + display: grid; + grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); + grid-auto-rows: 90px; } .suggestion-item { - cursor: pointer; - white-space: pre-wrap; - display: flex; - justify-content: flex-end; - align-items: center; - flex-direction: column-reverse; - text-align: center; - font-size: 13px; - color: gray; - padding: 16px 8px; - line-break: auto; - word-break: break-word; - line-height: 1.3; + cursor: pointer; + white-space: pre-wrap; + display: flex; + justify-content: flex-end; + align-items: center; + flex-direction: column-reverse; + text-align: center; + font-size: 13px; + color: gray; + padding: 16px 8px; + line-break: auto; + word-break: break-word; + line-height: 1.3; +} + +.obsidian-icon-folder-icon-preview img { + width: 16px; + height: 16px; } .obsidian-icon-folder-icon-preview svg { - width: 24px; - height: 24px; - color: white; - margin-bottom: 4px; + width: 24px; + height: 24px; + color: white; + margin-bottom: 4px; }