Änderungen css dass Buttons von UserMenu sowie Language button rechts mitverschoben werden

2021-09-03 13:22:01 +02:00
parent 508517ec35
commit 112d57c556
4 changed files with 154 additions and 35 deletions
--- a/css/Dropdown2.css
+++ b/css/Dropdown2.css
@@ -0,0 +1,106 @@
+/*Button Dropdown Menue Language Picker*/
+.dropbtn {
+    background-color: #043381;
+    position: absolute;
+    color: #043381;
+    background-color: #fff;
+    padding: 16px;
+    /*padding: 1em;
+                    padding: 2.083333333333333vw;*/
+    font-size: 16px;
+    /* font-size:1em;*/
+    border: none;
+}
+
+/* Dropdown Content (Hidden by Default) */
+.dropdown-content {
+    display: none;
+    position: absolute;
+    background-color: #fff;
+    min-width: 160px;
+    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+    z-index: 10;
+}
+
+    /* Links inside the dropdown */
+    .dropdown-content a {
+        color: black;
+        padding: 12px 16px;
+        text-decoration: none;
+        display: block;
+    }
+
+        /* Change color of dropdown links on hover */
+        .dropdown-content a:hover {
+            background-color: #043381;
+            color: #fff;
+        }
+
+/* Show the dropdown menu on hover */
+.dropdown:hover .dropdown-content {
+    display: block;
+}
+
+/* Change the background color of the dropdown button when the dropdown content is shown */
+.dropdown:hover .dropbtn {
+    background-color: #043381;
+}
+
+btn btn-primary btn-sm {
+    background-color: #fff;
+    color:#043381;
+}
+@media (min-width: 558.98px) {
+    .dropdown {
+        position: sticky;
+        margin-left: 645px;
+    }
+}
+
+#ButtonDeutschLangPicker {
+    text-align: left;
+    background-color: #fff;
+    color: #043381;
+    text-decoration: none;
+    width: max-content;
+}
+
+#ButtonTürkeiLangPicker {
+    text-align: left;
+    background-color: #fff;
+    color: #043381;
+    text-decoration: none;
+    width: max-content;
+}
+
+#ButtonEnglischLangPicker {
+    text-align: left;
+    background-color: #fff;
+    color: #043381;
+    text-decoration: none;
+    width: max-content;
+}
+
+#ButtonSerbischLangPicker {
+    text-align: left;
+    background-color: #fff;
+    color: #043381;
+    text-decoration: none;
+    width: max-content;
+}
+
+#ButtonSerbischZweiLangPicker {
+    text-align: left;
+    background-color: #fff;
+    color: #043381;
+    text-decoration: none;
+    width: max-content;
+}
+
+#ButtonBulgariaLangPicker {
+    text-align: left;
+    background-color: #fff;
+    color: #043381;
+    text-decoration: none;
+    width: max-content;
+}