ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-18 18:55:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve alignment on left/right margins

Browse Source 
Fixes #2461. Also fixes an issue with cut-off drop shadows for cards on
some pages, like the tutorials landing, in mobile view.
This commit is contained in:
mDuo13
2024-03-14 16:30:28 -07:00
parent f709808ef4
commit fe1277ce19
7 changed files with 41 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
styles/_top-nav.scss
View File

@@ -318,6 +318,9 @@ $nav-height: 80px;
margin-left: 3.5rem;
margin-right: 0.5rem;
}
#topnav-language {
margin-right: 0.5rem;
}
#topnav-button {
margin-left: 0.2rem;
margin-right: 1rem;
@@ -637,33 +640,13 @@ a {
}
}
// Theme toggler
.custom-theme-toggle {
.custom-control-label {
padding: 1rem;
cursor: pointer;
}
.custom-control-label::before,
.custom-control-input:checked ~ .custom-control-label::before {
position: static;
display: inline-block;
content: " ";
cursor: pointer;
border: 0;
background-image: url("../img/sun-moon.svg");
background-size: 3rem;
background-color: transparent;
transform-origin: center;
margin-left: -0.5rem;
margin-right: 0.5rem;
transition: transform 0.4s ease, background-position 0.4s ease;
// Default: dark mode, show moon
transform: rotate(15deg);
background-position: top left;
}
.custom-control-label::after {
display: none;
}
#topnav-theme > div {
border-radius: var(--language-picker-border-radius);
color: var(--language-picker-text-color);
background-color: var(--language-picker-background-color);
border: 1px solid var(--language-picker-border-color);
padding: var(--language-picker-input-padding-vertical) var(--language-picker-input-padding-horizontal);
min-height: var(--language-picker-min-height);
}
// Fix dropdown box-shadows on mobile (language selector's shadow overlaps the