diff --git a/assets/css/styles.scss b/assets/css/styles.scss index 614e89475..4a890ddbc 100644 --- a/assets/css/styles.scss +++ b/assets/css/styles.scss @@ -231,31 +231,6 @@ nav.secondary-nav { flex-direction: column; } -$responsiveWidth: 720px; - -@media (max-width: $responsiveWidth) { - .columns { - flex-flow: column; - } - - .nav-first { - width: 100%; - background-color: var(--bg-color); - } - - nav.primary-nav { - flex-flow: row; - } - - nav.secondary-nav { - display: none; - } - - .main { - padding: 0 8px; - } -} - h1, h2, h3 { @@ -625,31 +600,6 @@ ol li { display: none; } -@media (max-width: $responsiveWidth) { - - ul, - ol { - flex-direction: column; - } - - ul li, - ol li { - display: flex; - } - - .hide-on-small-screen { - display: none; - } - - .hide-on-large-screen { - display: inline-flex; - } - - .show-on-small-screen { - display: inline-flex; - } -} - #installPWA { display: none; } @@ -800,3 +750,45 @@ input[type="radio"]:checked+label+div.tab { .toasted.bubble .action { color: inherit !important; } + +@media (max-width: $responsiveWidth) { + .columns { + flex-flow: column; + } + + .nav-first { + width: 100%; + background-color: var(--bg-color); + } + + nav.primary-nav { + flex-flow: row; + } + + nav.secondary-nav { + display: none; + } + + .main { + padding: 0 8px; + } + + ul, + ol { + flex-direction: column; + } + + ul li, + ol li { + display: flex; + } + + .hide-on-small-screen { + display: none; + } + + .hide-on-large-screen, + .show-on-small-screen { + display: inline-flex; + } +} diff --git a/components/collections/saveRequestAs.vue b/components/collections/saveRequestAs.vue index bb96c5b8b..0d51b83ae 100644 --- a/components/collections/saveRequestAs.vue +++ b/components/collections/saveRequestAs.vue @@ -24,7 +24,14 @@ v-model="requestData.name" v-bind:placeholder="defaultRequestName" @keyup.enter="saveRequestAs" + list="preCollectionLabels" /> + + + + + +