Skip to content

Commit b6006d1

Browse files
Fix: material scroll change for desktop
Signed-off-by: codeEvolveZenith345 <[email protected]>
1 parent faee34a commit b6006d1

File tree

1 file changed

+1
-52
lines changed

1 file changed

+1
-52
lines changed

docs/stylesheets/extra.css

Lines changed: 1 addition & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -673,10 +673,9 @@ a.md-header__button.md-logo img {
673673
}
674674
}
675675

676-
/* Mobile viewport: up to 76.1875em (1220px) */
676+
/* Mobile and Tablet: up to 76.1875em (1220px) */
677677
@media screen and (max-width: 76.1875em) {
678678

679-
/* Keep the site name visible on mobile at all times */
680679
.md-header__topic:first-child {
681680
display: flex !important;
682681
opacity: 1 !important;
@@ -709,19 +708,6 @@ a.md-header__button.md-logo img {
709708
display: flex;
710709
align-items: center;
711710
}
712-
713-
.md-tabs {
714-
width: 100%;
715-
}
716-
717-
.md-nav--primary .md-nav__title {
718-
background-color: var(--md-primary-fg-color);
719-
color: var(--md-primary-bg-color);
720-
}
721-
722-
.md-nav--primary .md-nav__item {
723-
border-top: 0.05rem solid var(--md-default-fg-color--lightest);
724-
}
725711
}
726712

727713
/* Tablet adjustments: 60em to 76.1875em (960px to 1220px) */
@@ -731,15 +717,6 @@ a.md-header__button.md-logo img {
731717
max-width: 40%;
732718
flex-shrink: 1;
733719
}
734-
735-
.md-tabs {
736-
margin-top: 0;
737-
}
738-
739-
.md-header__topic:last-child {
740-
display: flex !important;
741-
max-width: 100%;
742-
}
743720
}
744721

745722
/* Small mobile: up to 30em (480px) */
@@ -763,34 +740,6 @@ a.md-header__button.md-logo img {
763740
margin-left: 0.2rem;
764741
margin-right: 0.2rem;
765742
}
766-
767-
.md-header__button[for="__drawer"] {
768-
margin-right: 0.2rem;
769-
}
770-
}
771-
772-
/* Desktop: Restore default Material behavior above 76.1875em (1220px) */
773-
@media screen and (min-width: 76.25em) {
774-
775-
.md-header__topic:first-child {
776-
display: block;
777-
opacity: 1;
778-
transform: translateX(0);
779-
}
780-
781-
.md-header__topic:last-child {
782-
display: block;
783-
}
784-
785-
/* Remove any forced visibility */
786-
.md-header__title {
787-
max-width: 100%;
788-
}
789-
790-
.md-header__topic {
791-
transition: transform 0.4s cubic-bezier(0.1, 0.7, 0.1, 1),
792-
opacity 0.15s;
793-
}
794743
}
795744

796745
/* Fix: Update existing 1024px media query for removed hardcoded navigation */

0 commit comments

Comments
 (0)