diff --git a/prototype/src/main/resources/static/css/ecom.css b/prototype/src/main/resources/static/css/ecom.css index 1b4affb..f869861 100644 --- a/prototype/src/main/resources/static/css/ecom.css +++ b/prototype/src/main/resources/static/css/ecom.css @@ -1,41 +1,5 @@ @import "fonts.css"; -.dropdown { - width: 15rem; - display: block; -} - -.dropdown-content { - display: none; - position: absolute; -} -.dropdown .dropdown-button { - display: block; - width: 15rem; - margin-top: 0px; - margin-bottom: 0px; -} - -.dropdown:hover .dropdown-content { -} - -.dropdown:hover .dropdown-button { - display: inline-block; - background-color: var(--root-c-black); - width: 15rem; - margin: 0px; -} - -.dropdown:hover .dropdown-content { - display: flex; - flex-direction: column; - align-items: stretch; -} - -.dropdown:hover .dropdown-content>* { - margin: 0px; - min-width: 15rem; -} :root { font-family: "Fira Sans"; @@ -862,3 +826,48 @@ fieldset label { .no-margin { margin: 0px; } + + +/*** + +THE UGLY +TODO: Refactor + +****/ + +.dropdown { + width: 12.5rem; + display: block; +} + +.dropdown-content { + display: none; + position: absolute; +} +.dropdown .dropdown-button { + display: block; + width: 12.5rem; + margin-top: 0px; + margin-bottom: 0px; +} + +.dropdown:hover .dropdown-content { +} + +.dropdown:hover .dropdown-button { + display: inline-block; + background-color: var(--root-c-black); + width: 12.5rem; + margin: 0px; +} + +.dropdown:hover .dropdown-content { + display: flex; + flex-direction: column; + align-items: stretch; +} + +.dropdown:hover .dropdown-content>* { + margin: 0px; + width: 12.5rem; +} diff --git a/prototype/src/main/resources/templates/login.html b/prototype/src/main/resources/templates/login.html index 771d6ab..8f24c21 100644 --- a/prototype/src/main/resources/templates/login.html +++ b/prototype/src/main/resources/templates/login.html @@ -18,7 +18,7 @@
- +