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

Align search to right on xl screens

Browse Source
This commit is contained in:
mDuo13
2024-12-06 13:06:20 -08:00
parent 012aefec29
commit d452f8506a
3 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
static/css/devportal2024-v1.css
View File

File diff suppressed because one or more lines are too long

5
styles/_forms.scss
View File

@@ -45,7 +45,10 @@ html {
} }
.DocSearch-Modal { .DocSearch-Modal {
max-width: 55%; max-width: 55%;
margin-right: 13.5em;
@include media-breakpoint-up(xl) {
margin-right: 112px;
}
} }
@include media-breakpoint-down(md) { @include media-breakpoint-down(md) {

3
styles/_top-nav.scss
View File

@@ -144,7 +144,6 @@ $banner-height: 0; // Apex 2024 banner was 46px. 0 for no pencil banner.
} }
#topnav-search { #topnav-search {
flex-grow: 1;
.input-group { .input-group {
flex-grow: 1; flex-grow: 1;
flex-wrap: nowrap; // Fix search bar splitting into two lines on iPhone 5 flex-wrap: nowrap; // Fix search bar splitting into two lines on iPhone 5
@@ -316,7 +315,7 @@ $banner-height: 0; // Apex 2024 banner was 46px. 0 for no pencil banner.
@include media-breakpoint-up(xl) { @include media-breakpoint-up(xl) {
#topnav-search { #topnav-search {
margin-left: 3.5rem; margin-left: auto;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
#topnav-language { #topnav-language {