Skip to content

Commit 9e51f88

Browse files
github-actions[bot]github-actions[bot]
committed
Deploying to gh-pages from @ fcd6fda 🚀
1 parent cfa89a0 commit 9e51f88

24 files changed

Lines changed: 432 additions & 712 deletions

File tree

‎assets/stylesheets/beeware_theme.css‎

Lines changed: 37 additions & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -100,7 +100,8 @@ body {
100100
transition: unset;
101101
}
102102

103-
.md-icon svg {
103+
.md-header__button.md-icon svg,
104+
form.md-search__form label.md-search__icon.md-icon svg {
104105
height: 1.65rem;
105106
width: 1.65rem;
106107
}
@@ -136,10 +137,6 @@ input.md-search__input, .md-search__suggest, .md-search-result__meta {
136137
font-family: var(--brand-font);
137138
}
138139

139-
.md-search__suggest {
140-
padding-top: 1px;
141-
}
142-
143140
.md-search-result .md-typeset h1 {
144141
font-size: 1.6rem;
145142
}
@@ -149,6 +146,40 @@ input.md-search__input, .md-search__suggest, .md-search-result__meta {
149146
font-size: 1rem;
150147
}
151148

149+
150+
[dir="ltr"] .md-search__options > button.md-search__icon.md-icon {
151+
margin-left: 1rem;
152+
}
153+
154+
@media screen and (min-width: 60rem) {
155+
.md-search__options a.md-search__icon.md-icon svg {
156+
margin-top: -0.4rem;
157+
height: 1.65rem;
158+
width: 1.65rem;
159+
}
160+
161+
.md-search__options button.md-search__icon.md-icon svg {
162+
height: 1.65rem;
163+
width: 1.65rem;
164+
}
165+
}
166+
167+
@media screen and (max-width: 59.9844em) {
168+
.md-search__input {
169+
height: 100%
170+
}
171+
172+
.md-search__options .md-search__icon.md-icon svg {
173+
height: 1.65rem;
174+
width: 1.65rem;
175+
margin-top: -0.35rem;
176+
}
177+
178+
.md-search__icon[for="__search"] {
179+
top: 0.4rem;
180+
}
181+
}
182+
152183
/* The widths in the rest of this section are to correct rendering of the search input */
153184
@media screen and (min-width: 60em) {
154185
.md-search {
@@ -364,41 +395,8 @@ a.md-nav__link[for]:hover {
364395
height: unset;
365396
}
366397

367-
/* Embiggen sidebar drawer logo and match sidebar */
368-
/*.md-nav__title.small .md-nav__button.md-logo img {*/
369-
/* height: unset;*/
370-
/* max-width: unset;*/
371-
/* width: 74px;*/
372-
/*}*/
373-
374-
/* The menu button for the sidebar drawer to display the sidebar on smaller displays */
375-
.mobile-drawer-button-site-name {
376-
font-family: var(--brand-font);
377-
font-size: 16px;
378-
display: inline-block;
379-
vertical-align: middle;
380-
}
381-
382-
.mobile-drawer-button-version-number {
383-
font-size: 12px;
384-
display: inline-block;
385-
vertical-align: middle;
386-
padding-top: 4px;
387-
padding-left: 4px;
388-
}
389-
390-
.mobile-sidebar-drawer-menu-bar {
391-
color: light-dark(#000000, #FFFFFF);
392-
background-color: light-dark(#F8F9FB, #4E4F52);
393-
}
394-
395398
/* Adjustments for larger displays */
396399
@media screen and (min-width: 1220px) {
397-
/* Hide menu bar when not needed */
398-
.mobile-sidebar-drawer-menu-bar {
399-
display: none;
400-
}
401-
402400
.sidebar-title-block-name {
403401
display: flex;
404402
flex-flow: nowrap column;
@@ -411,40 +409,11 @@ a.md-nav__link[for]:hover {
411409

412410
/* Site name */
413411
.site-name {
414-
font-size: 20px;
412+
font-size: 1.25rem;
415413
text-align: center;
416414
}
417415
}
418416

419-
/* Site name font size on mid-sized displays */
420-
@media screen and (max-width: 1599.99px)
421-
and (min-width: 1220px) {
422-
.site-name {
423-
font-size: 19px;
424-
}
425-
426-
.sidebar-logo {
427-
width: 50px;
428-
}
429-
}
430-
431-
@media screen and (max-width: 1999.99px)
432-
and (min-width: 1600px) {
433-
.site-name {
434-
font-size: 21px;
435-
}
436-
437-
.sidebar-logo {
438-
width: 74px;
439-
}
440-
}
441-
442-
@media screen and (min-width: 2000px) {
443-
.site-name {
444-
font-size: 22px;
445-
}
446-
}
447-
448417
/* Adjustments for smaller displays */
449418
@media screen and (max-width: 1219.99px) {
450419
.md-nav--primary .md-nav__title[for="__drawer"] {
@@ -480,10 +449,6 @@ and (min-width: 1600px) {
480449
align-items: center;
481450
}
482451

483-
.site-name {
484-
font-size: 50px;
485-
}
486-
487452
.md-nav__title .md-nav__button.md-logo img {
488453
height: unset;
489454
max-width: unset;

‎de/assets/stylesheets/beeware_theme.css‎

Lines changed: 37 additions & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -100,7 +100,8 @@ body {
100100
transition: unset;
101101
}
102102

103-
.md-icon svg {
103+
.md-header__button.md-icon svg,
104+
form.md-search__form label.md-search__icon.md-icon svg {
104105
height: 1.65rem;
105106
width: 1.65rem;
106107
}
@@ -136,10 +137,6 @@ input.md-search__input, .md-search__suggest, .md-search-result__meta {
136137
font-family: var(--brand-font);
137138
}
138139

139-
.md-search__suggest {
140-
padding-top: 1px;
141-
}
142-
143140
.md-search-result .md-typeset h1 {
144141
font-size: 1.6rem;
145142
}
@@ -149,6 +146,40 @@ input.md-search__input, .md-search__suggest, .md-search-result__meta {
149146
font-size: 1rem;
150147
}
151148

149+
150+
[dir="ltr"] .md-search__options > button.md-search__icon.md-icon {
151+
margin-left: 1rem;
152+
}
153+
154+
@media screen and (min-width: 60rem) {
155+
.md-search__options a.md-search__icon.md-icon svg {
156+
margin-top: -0.4rem;
157+
height: 1.65rem;
158+
width: 1.65rem;
159+
}
160+
161+
.md-search__options button.md-search__icon.md-icon svg {
162+
height: 1.65rem;
163+
width: 1.65rem;
164+
}
165+
}
166+
167+
@media screen and (max-width: 59.9844em) {
168+
.md-search__input {
169+
height: 100%
170+
}
171+
172+
.md-search__options .md-search__icon.md-icon svg {
173+
height: 1.65rem;
174+
width: 1.65rem;
175+
margin-top: -0.35rem;
176+
}
177+
178+
.md-search__icon[for="__search"] {
179+
top: 0.4rem;
180+
}
181+
}
182+
152183
/* The widths in the rest of this section are to correct rendering of the search input */
153184
@media screen and (min-width: 60em) {
154185
.md-search {
@@ -364,41 +395,8 @@ a.md-nav__link[for]:hover {
364395
height: unset;
365396
}
366397

367-
/* Embiggen sidebar drawer logo and match sidebar */
368-
/*.md-nav__title.small .md-nav__button.md-logo img {*/
369-
/* height: unset;*/
370-
/* max-width: unset;*/
371-
/* width: 74px;*/
372-
/*}*/
373-
374-
/* The menu button for the sidebar drawer to display the sidebar on smaller displays */
375-
.mobile-drawer-button-site-name {
376-
font-family: var(--brand-font);
377-
font-size: 16px;
378-
display: inline-block;
379-
vertical-align: middle;
380-
}
381-
382-
.mobile-drawer-button-version-number {
383-
font-size: 12px;
384-
display: inline-block;
385-
vertical-align: middle;
386-
padding-top: 4px;
387-
padding-left: 4px;
388-
}
389-
390-
.mobile-sidebar-drawer-menu-bar {
391-
color: light-dark(#000000, #FFFFFF);
392-
background-color: light-dark(#F8F9FB, #4E4F52);
393-
}
394-
395398
/* Adjustments for larger displays */
396399
@media screen and (min-width: 1220px) {
397-
/* Hide menu bar when not needed */
398-
.mobile-sidebar-drawer-menu-bar {
399-
display: none;
400-
}
401-
402400
.sidebar-title-block-name {
403401
display: flex;
404402
flex-flow: nowrap column;
@@ -411,40 +409,11 @@ a.md-nav__link[for]:hover {
411409

412410
/* Site name */
413411
.site-name {
414-
font-size: 20px;
412+
font-size: 1.25rem;
415413
text-align: center;
416414
}
417415
}
418416

419-
/* Site name font size on mid-sized displays */
420-
@media screen and (max-width: 1599.99px)
421-
and (min-width: 1220px) {
422-
.site-name {
423-
font-size: 19px;
424-
}
425-
426-
.sidebar-logo {
427-
width: 50px;
428-
}
429-
}
430-
431-
@media screen and (max-width: 1999.99px)
432-
and (min-width: 1600px) {
433-
.site-name {
434-
font-size: 21px;
435-
}
436-
437-
.sidebar-logo {
438-
width: 74px;
439-
}
440-
}
441-
442-
@media screen and (min-width: 2000px) {
443-
.site-name {
444-
font-size: 22px;
445-
}
446-
}
447-
448417
/* Adjustments for smaller displays */
449418
@media screen and (max-width: 1219.99px) {
450419
.md-nav--primary .md-nav__title[for="__drawer"] {
@@ -480,10 +449,6 @@ and (min-width: 1600px) {
480449
align-items: center;
481450
}
482451

483-
.site-name {
484-
font-size: 50px;
485-
}
486-
487452
.md-nav__title .md-nav__button.md-logo img {
488453
height: unset;
489454
max-width: unset;

0 commit comments

Comments
 (0)