From 99d8bb69374853fc72a54899c44b80dd05a7fad2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Thu, 16 Nov 2023 00:15:30 +0100
Subject: [PATCH] Borders on modals

---
 TangerineUI-purple.css                                       | 5 +++--
 TangerineUI.css                                              | 5 +++--
 .../styles/tangerineui-purple/layout-single-column.scss      | 5 +++--
 .../javascript/styles/tangerineui/layout-single-column.scss  | 5 +++--
 4 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index c1f00c4..47a37a3 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -3594,9 +3594,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 
 /* 🖱️ Interaction modals
    --------------------- */
+.layout-single-column .modal-root__modal {
+    border: 1px solid var(--color-lines);
+}
 .layout-single-column .interaction-modal {
     background-color: var(--color-content-bg);
-    border: 0;
 }
 .layout-single-column .interaction-modal,
 .layout-single-column .interaction-modal__lead h3 {
@@ -3731,7 +3733,6 @@ a:is(.active,
 }
 .layout-single-column .report-dialog-modal .poll__option.dialog-option {
     border-color: var(--color-lines);
-    border-width: 3px;
 }
 .layout-single-column .report-dialog-modal .dialog-option .poll__input {
     border-color: var(--color-accent);
diff --git a/TangerineUI.css b/TangerineUI.css
index 189c461..6a6baa9 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -3594,9 +3594,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 
 /* 🖱️ Interaction modals
    --------------------- */
+.layout-single-column .modal-root__modal {
+    border: 1px solid var(--color-lines);
+}
 .layout-single-column .interaction-modal {
     background-color: var(--color-content-bg);
-    border: 0;
 }
 .layout-single-column .interaction-modal,
 .layout-single-column .interaction-modal__lead h3 {
@@ -3731,7 +3733,6 @@ a:is(.active,
 }
 .layout-single-column .report-dialog-modal .poll__option.dialog-option {
     border-color: var(--color-lines);
-    border-width: 3px;
 }
 .layout-single-column .report-dialog-modal .dialog-option .poll__input {
     border-color: var(--color-accent);
diff --git a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
index c1f00c4..47a37a3 100644
--- a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
+++ b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
@@ -3594,9 +3594,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 
 /* 🖱️ Interaction modals
    --------------------- */
+.layout-single-column .modal-root__modal {
+    border: 1px solid var(--color-lines);
+}
 .layout-single-column .interaction-modal {
     background-color: var(--color-content-bg);
-    border: 0;
 }
 .layout-single-column .interaction-modal,
 .layout-single-column .interaction-modal__lead h3 {
@@ -3731,7 +3733,6 @@ a:is(.active,
 }
 .layout-single-column .report-dialog-modal .poll__option.dialog-option {
     border-color: var(--color-lines);
-    border-width: 3px;
 }
 .layout-single-column .report-dialog-modal .dialog-option .poll__input {
     border-color: var(--color-accent);
diff --git a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
index 189c461..6a6baa9 100644
--- a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
+++ b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
@@ -3594,9 +3594,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 
 /* 🖱️ Interaction modals
    --------------------- */
+.layout-single-column .modal-root__modal {
+    border: 1px solid var(--color-lines);
+}
 .layout-single-column .interaction-modal {
     background-color: var(--color-content-bg);
-    border: 0;
 }
 .layout-single-column .interaction-modal,
 .layout-single-column .interaction-modal__lead h3 {
@@ -3731,7 +3733,6 @@ a:is(.active,
 }
 .layout-single-column .report-dialog-modal .poll__option.dialog-option {
     border-color: var(--color-lines);
-    border-width: 3px;
 }
 .layout-single-column .report-dialog-modal .dialog-option .poll__input {
     border-color: var(--color-accent);