projectmoon
/
msn-viewer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Slight CSS adjustments to the initial loading buttons.

This commit is contained in:
projectmoon 2023-01-04 20:36:10 +01:00
parent 017a624c66
commit af51b6ab66
2 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/index.html
View File

@ -74,14 +74,12 @@
</div> </div>
<!-- displayed initially --> <!-- displayed initially -->
<div id="no-file-loaded-controls" class="d-grid gap-2 text-center d-md-block col-8 mx-auto"> <div id="no-file-loaded-controls" class="d-grid gap-2 text-center d-lg-block col-8 mx-auto">
<button id="unloaded-view-new-button" type="button" class="btn btn-primary btn-lg"> <button id="unloaded-view-new-button" type="button" class="btn btn-primary btn-lg">
<span class="float-start"> <span class="float-start">
<i class="bi bi-file-earmark-plus"></i> <i class="bi bi-file-earmark-plus"></i>
</span> </span>
<span> <span>View New</span>
View New
</span>
</button> </button>
<span class="d-none d-lg-inline fs-4">or...</span> <span class="d-none d-lg-inline fs-4">or...</span>
@ -91,7 +89,7 @@
<span class="float-start"> <span class="float-start">
<i class="text-start bi bi-files"></i> <i class="text-start bi bi-files"></i>
</span> </span>
<span class="text-end">Load Previous</span> <span>Load Previous</span>
</button> </button>
</div> </div>
</div> </div>

14
src/scss/index.scss
View File

@ -39,6 +39,12 @@ th, td {
font-weight: inherit; font-weight: inherit;
} }
@include media-breakpoint-up(lg) {
#no-file-loaded-controls button {
min-width: 200px;
}
}
@include media-breakpoint-down(lg) { @include media-breakpoint-down(lg) {
/* /*
Remove padding from container, but keep it on stuff that isn't Remove padding from container, but keep it on stuff that isn't
@ -49,14 +55,14 @@ th, td {
padding-right: 0px; padding-right: 0px;
} }
#file-loaded-controls {
padding: 0.25rem;
}
#no-file-loaded-controls { #no-file-loaded-controls {
max-width: 200px; max-width: 200px;
} }
#file-loaded-controls {
padding: 0.25rem;
}
/* Chat Display table stuff */ /* Chat Display table stuff */
#chat-display table { #chat-display table {
table-layout: fixed; table-layout: fixed;