DJANGO Phase 1

backend/staticfiles/admin_interface/css/language-chooser.css

@@ -0,0 +1,72 @@
+.admin-interface .language-chooser {
+    display: inline-block;
+    position: absolute;
+    top: 15px;
+    right: 15px;
+    z-index: 10;
+}
+
+@media (min-width: 768px) {
+    .admin-interface .language-chooser {
+        right: 30px;
+    }
+}
+
+@media (min-width: 1024px) {
+    .admin-interface .language-chooser {
+        position: static;
+        margin-left: 20px;
+    }
+}
+
+.admin-interface .language-chooser .language-chooser-hidden-form {
+    display: none;
+}
+
+.admin-interface .language-chooser .language-chooser-select-form {
+    display: inline-block;
+    position: relative;
+    z-index: 0;
+}
+
+.admin-interface .language-chooser select {
+    width: auto;
+    min-width: auto;
+}
+
+.admin-interface .language-chooser.minimal .language-chooser-select-form::after {
+    content: "";
+    position: absolute;
+    right: 2px;
+    top: 50%;
+    border: solid var(--admin-interface-header-text-color);
+    border-width: 0px 0px 1px 1px;
+    display: inline-block;
+    padding: 2px;
+    transform: rotate(-45deg);
+    -webkit-transform: rotate(-45deg);
+    pointer-events: none;
+    margin-top: -4px;
+}
+
+.admin-interface .language-chooser.minimal .language-chooser-select-form:hover select {
+    border-bottom: 1px solid transparent;
+    color: var(--admin-interface-header-link-hover-color);
+}
+
+.admin-interface .language-chooser.minimal select {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    background-color: transparent;
+    border: none;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
+    border-radius: 0;
+    color: var(--admin-interface-header-link-color);
+    cursor: pointer;
+    font-weight: inherit;
+    font-size: inherit;
+    height: auto;
+    margin: 0;
+    padding: 0 15px 0 0;
+}