Merge f56c98f into 70af678

django · Apr 24, 2024 · e04d2e4 · e04d2e4
2 parents 70af678 + f56c98f
commit e04d2e4
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 10 deletions.
diff --git a/djangoproject/scss/_dark-mode.scss b/djangoproject/scss/_dark-mode.scss
@@ -349,7 +349,6 @@ html[data-theme="light"] .theme-toggle .theme-label-when-light {
     line-height: 45px;
     text-align: center;
     margin: 4px 10px;
-    float: right;
 
     @include respond-min(768px) {
         display: none;

diff --git a/djangoproject/scss/_style.scss b/djangoproject/scss/_style.scss
@@ -474,22 +474,24 @@ blockquote {
     z-index: 0;
 
     .container {
+        display: flex;
+        flex-direction: row;
         @include respond-min(768px) {
             position: relative;
         }
     }
 
+    .spacer {flex: 1}
+
     .meta {
         @include font-size(13);
         color: var(--primary);
         font-weight: 700;
         width: auto;
-        float: left;
         margin: 8px 0 0 10px;
         display: none;
 
         @include respond-min(1150px) {
-            float: left;
             width: 200px;
             display: block;
         }
@@ -503,7 +505,6 @@ blockquote {
         background: url(../img/logo-django.png) 0 0 no-repeat;
         color: var(--white-color);
         display: block;
-        float: left;
         font-weight: 700;
         margin: 10px;
         overflow: hidden;
@@ -529,7 +530,6 @@ blockquote {
         color: var(--menu);
         cursor: pointer;
         display: block;
-        float: right;
         height: 45px;
         line-height: 48px;
         margin: 4px 10px;
@@ -563,7 +563,6 @@ blockquote {
 
         @include respond-min(768px) {
             width: auto;
-            float: right;
             max-height: none; // always show menu on a desktop width
         }
 

diff --git a/djangoproject/templates/includes/header.html b/djangoproject/templates/includes/header.html
@@ -1,14 +1,15 @@
 <div role="banner" id="top">
-  <div class="container">
+  <div class="container container--flex--wrap--mobile">
     <a class="logo" href="{% url 'homepage' %}">Django</a>
     <p class="meta">The web framework for perfectionists with deadlines.</p>
+    <div class="spacer"></div>
+    <div class="mobile-toggle">
+      {% include "includes/toggle_theme.html" %}
+    </div>
     <button class="menu-button">
       <i class="icon icon-reorder"></i>
       <span class="visuallyhidden">Menu</span>
     </button>
-    <div class="mobile-toggle">
-      {% include "includes/toggle_theme.html" %}
-    </div>
     <div role="navigation">
       <ul>
         <li{% if 'start' in request.path %} class="active"{% endif %}>