From cf5071b7a1357d7d9307f1f08858ed046b688d86 Mon Sep 17 00:00:00 2001 From: Aidan Cornelius-Bell Date: Mon, 13 Jan 2025 13:49:24 +1030 Subject: [PATCH] Tweak stylesheet, specifically for iOS because its not standards compliant of course --- app/assets/stylesheets/application.css | 41 +++++++++++++++++++++----- 1 file changed, 34 insertions(+), 7 deletions(-) diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index 36f14c2..65515d2 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -246,13 +246,40 @@ select:focus { outline: none; } -input[type="submit"] { - padding: 14px 20px; - margin: 8px 0; - border: none; - border-radius: 4px; - cursor: pointer; - font-size: 16px; +.reg-form input[type="submit"], +.reg-form button { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +/* Light mode specific styles */ +@media (prefers-color-scheme: light) { + .reg-form input[type="submit"], + .reg-form button { + background-color: var( + --standout-form-bg + ) !important; /* White background */ + color: var(--standout-form-text) !important; /* Black text */ + border: 1px solid var(--link-color) !important; /* Brown border */ + } + + .reg-form input[type="submit"]:hover, + .reg-form button:hover { + background-color: var(--filter-button-hover) !important; + color: var( + --standout-form-button-text + ) !important; /* White text on hover */ + } +} + +/* Dark mode specific styles */ +@media (prefers-color-scheme: dark) { + .reg-form input[type="submit"], + .reg-form button { + background-color: var(--filter-button-active) !important; + color: var(--standout-form-button-text) !important; + } } label { -- 2.39.5