From 2633549da8a262a9cc5848e53f80afb9cdb483bd Mon Sep 17 00:00:00 2001 From: Michelle <88682822+emshahh@users.noreply.github.com> Date: Thu, 30 May 2024 12:50:41 -0400 Subject: [PATCH 1/2] all modals styled according to figma --- .../static/css/candidate_url_list.css | 77 +++++++++++++++++++ .../static/css/collection_detail.css | 25 ++++++ sde_indexing_helper/static/css/project.css | 68 +++++++++++++++- .../sde_collections/candidate_urls_list.html | 45 ++++++----- .../sde_collections/collection_detail.html | 18 ++--- 5 files changed, 202 insertions(+), 31 deletions(-) diff --git a/sde_indexing_helper/static/css/candidate_url_list.css b/sde_indexing_helper/static/css/candidate_url_list.css index f5b3046d..b5456572 100644 --- a/sde_indexing_helper/static/css/candidate_url_list.css +++ b/sde_indexing_helper/static/css/candidate_url_list.css @@ -143,6 +143,54 @@ div > .nav { width: 100%; } +.doc-dropdown { + background: #A7BACD !important; + font-size: 15px; + font-weight: 500; + line-height: 17.58px; + color: #1F2935; + display: flex; + justify-content: space-between; + align-items: center; + text-transform: capitalize; + border-radius: 4px; + margin-bottom: 0; +} + +.doc-dropdown-input { + flex-direction: column; + width: 100%; +} + +.dropdown-item:hover { + background-color: #0066CA; +} + +.doc-type-form-dropdown-menu { + width: 100%; + background: #15232E; + color: white; + border: 1px solid white; + padding: 24px 15px; + border-radius: 4px; +} + +.doc-type-form-dropdown-menu a { + height: 24px; + padding: 0; +} + +.document_type_form_select { + font-size: 16px; + font-weight: 600; + letter-spacing: -0.02em; + height: 37px !important; + align-items: center; + display: flex; + padding-left: 10px !important; + border-radius: 1px !important; +} + .candidateUrlContainer { background: #15232E; padding: 40px 30px; @@ -278,4 +326,33 @@ letter-spacing: -0.02em; .headerDiv{ display: flex; justify-content: space-between; +} + +#match_pattern_input, #title_pattern_input { + background: #3F4A58; + border-radius: 4px; +} + +.modal-body .bmd-label-static { + top: -20px !important; +} + +.modal-header { + margin-bottom: 40px; +} + +.form-label { + color: white; + display: flex; + font-size: 12px; + font-weight: 500; + letter-spacing: -0.02em; +} + +.asterik { + color: #C3001A; +} + +.title_pattern-form-group { + margin-top: 40px; } \ No newline at end of file diff --git a/sde_indexing_helper/static/css/collection_detail.css b/sde_indexing_helper/static/css/collection_detail.css index 0cddd906..99d1baf9 100644 --- a/sde_indexing_helper/static/css/collection_detail.css +++ b/sde_indexing_helper/static/css/collection_detail.css @@ -192,4 +192,29 @@ color:black; .tableHeaderRow{ background-color:#050E19 + } + + .caption { + margin-bottom: 0; + text-align: center; + } + + .rename-collection-caption { + padding-bottom: 14px; + } + + #inputFieldId { + background-color: #3F4A58; + color: white; + border-radius: 4px; + border: none; + height: 29px; + } + + .modal-header { + border-bottom: none; + } + + .modal-content form { + margin-bottom: 0 !important; } \ No newline at end of file diff --git a/sde_indexing_helper/static/css/project.css b/sde_indexing_helper/static/css/project.css index e4fa0002..d8067acf 100644 --- a/sde_indexing_helper/static/css/project.css +++ b/sde_indexing_helper/static/css/project.css @@ -260,4 +260,70 @@ body { justify-content: center; align-items: center; margin: 0 0 0 0 !important; - } \ No newline at end of file + } + + .modal-content { + background: #15232E; + border: 1px solid #A7BACD; + color: #FFFFFF; + padding: 32px 32px 42px 32px; + } + + .modal-header { + padding: 0; + } + + .modal-footer { + border-top: none; + padding: 0; + } + + .modal-close { + color: #FFFFFF; + text-shadow: none; + } + + .modal-close span { + padding: 0 8px !important; + border-radius: 15px !important; + background: #3F4A58 !important; + } + + .modal-button-1 { + background: transparent !important; + color: #8697A8 !important; + border: 1px solid #FFFFFF !important; + } + + .modal-button-2 { + background: #0066CA !important; + box-shadow: none !important; + margin-left: 10px; + } + + .modal-button-1, .modal-button-2 { + font-size: 15px !important; + font-weight: 500 !important; + display: flex; + justify-content: center; + align-items: center; + height: 40px; + width: 100px; + } + + .button-wrapper { + display: flex; + padding-top: 30px; + } + + .modal-title { + font-size: 32px; + font-weight: 600; + letter-spacing: -0.03em; + padding-bottom: 12px; + } + + .modal-body { + padding: 0; + } + diff --git a/sde_indexing_helper/templates/sde_collections/candidate_urls_list.html b/sde_indexing_helper/templates/sde_collections/candidate_urls_list.html index 45c2b9a6..b34cdd71 100644 --- a/sde_indexing_helper/templates/sde_collections/candidate_urls_list.html +++ b/sde_indexing_helper/templates/sde_collections/candidate_urls_list.html @@ -265,21 +265,22 @@

-
- +
- - -
+
+ + +
@@ -290,21 +291,22 @@

-
- +
- - -
+
+ + +
@@ -315,25 +317,26 @@
-
- +
-
- +
+
- - -
+
+ + +
@@ -344,25 +347,25 @@
-
- +
-
+
-
+
Images Data Documentation diff --git a/sde_indexing_helper/templates/sde_collections/collection_detail.html b/sde_indexing_helper/templates/sde_collections/collection_detail.html index 8b6d8d8f..2a30ef30 100644 --- a/sde_indexing_helper/templates/sde_collections/collection_detail.html +++ b/sde_indexing_helper/templates/sde_collections/collection_detail.html @@ -250,7 +250,7 @@

{{ colle
-
@@ -260,9 +260,9 @@
Are you sure?
-
- - +
+ +
@@ -275,20 +275,20 @@
Are you sure?
-
Rename Collection
-

+

-
- - +
+ +
From 7eb6b2ce674a7e558d1c570c14b6e2c418205e7f Mon Sep 17 00:00:00 2001 From: Kshaw362 Date: Fri, 31 May 2024 10:05:25 -0400 Subject: [PATCH 2/2] 78: adjusting doc type dropdown --- .../static/css/candidate_url_list.css | 27 ++++++++++++++++--- .../sde_collections/candidate_urls_list.html | 2 +- 2 files changed, 25 insertions(+), 4 deletions(-) diff --git a/sde_indexing_helper/static/css/candidate_url_list.css b/sde_indexing_helper/static/css/candidate_url_list.css index b5456572..77a89a94 100644 --- a/sde_indexing_helper/static/css/candidate_url_list.css +++ b/sde_indexing_helper/static/css/candidate_url_list.css @@ -166,7 +166,7 @@ div > .nav { background-color: #0066CA; } -.doc-type-form-dropdown-menu { +.doc-type-form { width: 100%; background: #15232E; color: white; @@ -175,7 +175,7 @@ div > .nav { border-radius: 4px; } -.doc-type-form-dropdown-menu a { +.doc-type-form a { height: 24px; padding: 0; } @@ -355,4 +355,25 @@ letter-spacing: -0.02em; .title_pattern-form-group { margin-top: 40px; -} \ No newline at end of file +} + +.is-focused [class^='bmd-label']{ + color:#0066CA; + } + .form-control{ + color:white; + } + + .form-control:focus{ + color:white; + } + + .is-focused .form-label{ + background-image:linear-gradient(to top, #0066CA 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); + color:#AAAAAA; + } + + .dropdown-item:hover{ + background-color: #0066CA !important; + + } \ No newline at end of file diff --git a/sde_indexing_helper/templates/sde_collections/candidate_urls_list.html b/sde_indexing_helper/templates/sde_collections/candidate_urls_list.html index b34cdd71..e801c48a 100644 --- a/sde_indexing_helper/templates/sde_collections/candidate_urls_list.html +++ b/sde_indexing_helper/templates/sde_collections/candidate_urls_list.html @@ -365,7 +365,7 @@