@@ -55,17 +55,6 @@ article {
5555 margin-left : -12px ;
5656 }
5757
58- /* .user-menu.navbar-nav {
59- li {
60- a {
61- padding-top: $navbar-padding-vertical;
62- padding-bottom: $navbar-padding-vertical;
63- padding-left: 0.75rem;
64- padding-right: 0.75rem;
65- }
66- }
67- }*/ // TODO: CHECK FOR REMOVAL #1442
68-
6958 a .navbar-brand :hover ,
7059 a .navbar-dropdown > a :hover ,
7160 .navbar-toggler :hover ,
@@ -85,53 +74,6 @@ article {
8574 background-color : rgba (0 ,0 ,0 ,0.1 );
8675 }
8776 }
88- /*
89- .navbar-brand + .navbar-text {
90- float: left;
91- font-size: $font-size-small;
92- color: $gray-lighter;
93- }
94-
95- .navbar-toggle .badge {
96- position: absolute;
97- right: -10px;
98- top: 4px;
99- }
100- .navbar-toggle {
101- &:focus,
102- &:hover {
103- background-color: #fff;
104- @include focus-with-background-and-color;
105-
106- .icon-bar {
107- background-color: #000000;
108- }
109- }
110- }
111-
112- .navbar-header {
113- .visible-xs {
114- max-width: 250px;
115- white-space: nowrap;
116- overflow: hidden;
117- text-overflow: ellipsis;
118- }
119- @media (max-width: $grid-float-breakpoint-max) {
120- .instance-selector {
121- margin-left: 30px;
122- }
123-
124- .navbar-nav.instance-selector {
125- li.open {
126- a {
127- background-color: #005eb8;
128- color: #fff;
129- }
130- }
131- }
132- }
133- }
134- */ // TODO: CHECK FOR REMOVAL #1442
13577 .navbar-dropdown {
13678 div .dropdown-backdrop {
13779 display : none ;
@@ -141,79 +83,31 @@ article {
14183 white-space : nowrap ;
14284 overflow : hidden ;
14385 text-overflow : ellipsis ;
144- max-width : 70vw ;
14586 display : block ;
14687 }
147-
148- @media (max-width : $screen-md-max ) {
149- li .dropdown > a .dropdown-toggle {
150- max-width : 55vw ;
151- }
152- }
153-
154- @media (max-width : $screen-sm-max ) {
155- li .dropdown > a .dropdown-toggle {
156- max-width : 45vw ;
157- }
158- }
159-
160- @media (max-width : $screen-xs-max ) {
161- li .dropdown > a .dropdown-toggle {
162- max-width : 45vw ;
163- }
164-
165- li .open > ul .dropdown-menu {
166- & > li > a {
167- color : #dadada ;
168- }
169- }
170- }
17188 }
172- /*
173- ul.visible-xs {
174- margin: 0;
89+ }
17590
176- li {
177- border: 1px solid;
178- border-top: none;
179- border-color: #236aa7;
180- border-color: rgba(0, 0, 0, 0.25);
181- a {
182- color: white;
183- padding: 10px 15px !important;
184- }
185- }
186- ul.dropdown-menu {
187- padding: 0;
91+ // Make the left side (brand + course dropdown) flexible
92+ .topbar .d-flex.align-items-center.ps-2 {
93+ flex : 1 1 auto ;
94+ min-width : 0 ;
18895
189- li {
190- border: none ;
191- border-top: 1px solid ;
96+ .navbar-dropdown {
97+ flex : 1 1 start ;
98+ min-width : 0 ;
19299
193- button[type="submit"] {
194- color: #dadada;
195- height: 2.63em;
196- &:hover,
197- &:focus {
198- @include focus-with-background-and-color;
199- background-color: #236aa7;
200- background-color: rgba(0, 0, 0, 0.1);
201- }
202- }
203- }
204- }
205- .header {
206- border-left: none;
207- border-right: none;
208- padding: 0.2em 1em;
100+ li .dropdown {
101+ min-width : 0 ;
209102
210- h4 {
211- font-size: 1em;
212- font-weight: bolder;
213- color: #ffffff;
214- margin: 0;
215- }
216- }
217- }
218- */ // TODO: CHECK FOR REMOVAL #1442
103+ > a .dropdown-toggle {
104+ max-width : 100% ;
105+ }
106+ }
107+ }
108+ }
109+
110+ // Ensure the right side doesn't shrink
111+ .topbar .d-flex.gap-2 {
112+ flex : 0 0 auto ;
219113}
0 commit comments