From eb8129dfdf904301a9f859543c999037d97b013d Mon Sep 17 00:00:00 2001 From: Yoshitha-SACK Date: Wed, 2 Feb 2022 07:33:36 +0530 Subject: [PATCH 1/5] Add a dropdown as SOCIETIES --- _includes/static/navbar.html | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/_includes/static/navbar.html b/_includes/static/navbar.html index f348ee6a..c133513e 100755 --- a/_includes/static/navbar.html +++ b/_includes/static/navbar.html @@ -28,6 +28,14 @@ + From e2bbefe9b13b5db3cdfa36ef423379a8ce0045be Mon Sep 17 00:00:00 2001 From: YOSHITHA RATHNAYAKE Date: Sun, 19 Jun 2022 10:03:29 +0530 Subject: [PATCH 2/5] Update the dropdown with custom css since material kit has outdated --- _includes/static/navbar.html | 15 +++++----- assets/css/custom.css | 53 ++++++++++++++++++++++++++++++++++++ 2 files changed, 61 insertions(+), 7 deletions(-) diff --git a/_includes/static/navbar.html b/_includes/static/navbar.html index c133513e..06a99582 100755 --- a/_includes/static/navbar.html +++ b/_includes/static/navbar.html @@ -23,17 +23,18 @@ -
+
diff --git a/assets/css/custom.css b/assets/css/custom.css index f6943108..26fac159 100755 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -40,6 +40,59 @@ color: #00316A; } +.dropbtn { + color: #495057; + padding: 13px; + font-size: 12px; + border: none; + border-radius: 3px; + text-transform: uppercase; + background-color: #fafafa; +} + +.dropdown { + position: relative; + display: inline-block; + width: 100%; +} + +.dropdown-content { + background-color: rgb(253, 253, 253); + display: none; + position: absolute; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; + min-width: 9.5rem; + padding: 6px; + border-radius: 3px; +} + +.dropdown-content a { + color: #212529; + text-align: center; + text-decoration: none; + display: block; + border-radius: 0.25rem; + padding: 5px 10px; + font-size: 13px; + height: 35px; +} + +.dropdown-content a:hover { + background-color: #00c8e2; + color: white; + box-shadow: 0px 1px 8px 0px #00bcd4; +} + +.dropdown:hover .dropdown-content { + display: block; +} + +.dropdown:hover .dropbtn { + background-color: #e4e4e4; +} + + @media only screen and (max-width: 991px) { .navbar-nav { position: fixed; From 596cfc090218a17aa7d40659eb08f369b919a296 Mon Sep 17 00:00:00 2001 From: YOSHITHA RATHNAYAKE Date: Mon, 20 Jun 2022 09:31:26 +0530 Subject: [PATCH 3/5] Update CSS --- assets/css/custom.css | 5 +++-- assets/css/material-kit.css | 1 + 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/assets/css/custom.css b/assets/css/custom.css index 26fac159..61d8b073 100755 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -47,7 +47,7 @@ border: none; border-radius: 3px; text-transform: uppercase; - background-color: #fafafa; + background-color: #fcfcfc; } .dropdown { @@ -73,9 +73,10 @@ text-decoration: none; display: block; border-radius: 0.25rem; - padding: 5px 10px; + padding: 6px 10px; font-size: 13px; height: 35px; + background-color: rgb(245, 245, 245); } .dropdown-content a:hover { diff --git a/assets/css/material-kit.css b/assets/css/material-kit.css index aba69708..15b87c84 100644 --- a/assets/css/material-kit.css +++ b/assets/css/material-kit.css @@ -3779,6 +3779,7 @@ tbody.collapse.show { .nav-link { display: block; padding: 0.5rem 1rem; + white-space: nowrap; } .nav-link:hover, .nav-link:focus { text-decoration: none; From 214c4041adbf64e828c9444906caf02d61f1aac0 Mon Sep 17 00:00:00 2001 From: YOSHITHA RATHNAYAKE Date: Fri, 24 Jun 2022 07:32:18 +0530 Subject: [PATCH 4/5] Update the Mobile View of the Dropdown --- _includes/static/navbar.html | 2 +- assets/css/custom.css | 6 +++++- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/_includes/static/navbar.html b/_includes/static/navbar.html index 06a99582..78cdf855 100755 --- a/_includes/static/navbar.html +++ b/_includes/static/navbar.html @@ -29,7 +29,7 @@ -