diff options
author | Marco Nassabain <marco.nassabain@hotmail.com> | 2021-03-13 23:17:21 +0100 |
---|---|---|
committer | Sean Molenaar <SMillerDev@users.noreply.github.com> | 2021-04-08 23:17:31 +0200 |
commit | 7bde786c8c69004c5f5ae9cfe3357622779bcd21 (patch) | |
tree | 98da8fef353b775b9f26b8d8c009af7f3c6f9aad /css | |
parent | 75a71cce78b4de8db0efe648af4c1a8ea4e40432 (diff) |
♻️ Refactor dropdown menu code
- reorder html tags
- fix indentation
- adapt css to changes
Signed-off-by: Marco Nassabain <marco.nassabain@hotmail.com>
Diffstat (limited to 'css')
-rw-r--r-- | css/app.css | 18 |
1 files changed, 11 insertions, 7 deletions
diff --git a/css/app.css b/css/app.css index 8b9a8d2d8..54cc67d39 100644 --- a/css/app.css +++ b/css/app.css @@ -51,7 +51,6 @@ right: 0.5em; } -/* CSS DROPDOWN FOR A NEW */ .dropbtn { background-color: #4CAF50; color: white; @@ -73,29 +72,34 @@ min-width: 20em; } -.dropdown-content a{ +.dropdown-content a { color: black; - padding: 0 12px 0 44px; + padding: 2px 12px 2px 44px; background-position: 14px center; text-decoration: none; display: block; } -.dropdown-content a:hover {background-color: #ddd;} +.dropdown-content a:hover { + background-color: #ddd; +} + +.dropdown:hover .dropbtn { + background-color: #3e8e41; +} -.dropdown:hover .dropbtn {background-color: #3e8e41;} /* Override hidden before angular is loaded */ [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) { display: none !important; } -.contact-input{ +.contact-input { display: flex; justify-content: space-between; margin: 0.5em 1.5em; } -.label-group{ +.label-group { padding-left: 1.5em; background-color: rgba(0, 0, 0, 0.1); font-weight: bold; |