From 04cbde3147fd82d250c55477a81412b99b40afb9 Mon Sep 17 00:00:00 2001 From: Xiaoming Hu Date: Mon, 24 Feb 2025 14:54:01 +0100 Subject: [PATCH] use bootstrap sass variables --- app/assets/stylesheets/ror-widget.css | 31 -------------------------- app/assets/stylesheets/ror-widget.scss | 26 +++++++++++++++++++++ 2 files changed, 26 insertions(+), 31 deletions(-) delete mode 100644 app/assets/stylesheets/ror-widget.css create mode 100644 app/assets/stylesheets/ror-widget.scss diff --git a/app/assets/stylesheets/ror-widget.css b/app/assets/stylesheets/ror-widget.css deleted file mode 100644 index ea8d6570bc..0000000000 --- a/app/assets/stylesheets/ror-widget.css +++ /dev/null @@ -1,31 +0,0 @@ -.institution-input-disable { - background-color: #EEEEEE !important; - cursor: not-allowed; -} - -.tt-menu { - width: 422px; - margin: 12px 0; - padding: 8px 0; - background-color: #fff; - border: 1px solid #ccc; - max-height: 400px; - overflow-y: auto; - border: 1px solid rgba(0, 0, 0, 0.11); - -webkit-border-radius: 8px; - -moz-border-radius: 8px; - border-radius: 8px; - -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); - -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); - box-shadow: 0 5px 10px rgba(0,0,0,.2); - - -} - -.league-name { - margin: 0 20px 5px 0px; - padding: 3px 6px; - background-color: rgba(177, 183, 187, 0.47); - transition: background-color 0.5s ease-in-out; -} - diff --git a/app/assets/stylesheets/ror-widget.scss b/app/assets/stylesheets/ror-widget.scss new file mode 100644 index 0000000000..557755a978 --- /dev/null +++ b/app/assets/stylesheets/ror-widget.scss @@ -0,0 +1,26 @@ +@import 'bootstrap/variables'; + +.institution-input-disable { + background-color: $input-bg-disabled !important; +cursor: not-allowed; +} + +.tt-menu { + width: 422px; + margin: 12px 0; + padding: 8px 0; + background-color: $input-bg; + border: 1px solid $gray-base; + max-height: 400px; + overflow-y: auto; + border-radius: $border-radius-large; + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); +} + +.league-name { + margin: 0 20px 5px 0; + padding: 3px 6px; + background-color: $btn-default-border; + transition: background-color 0.5s ease-in-out; +} +