From f57d947b4fd5f3f3fa1fd23ac3f7aa791cb84e6d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ole=20Volds=C3=A6ter?= <ole.voldsater@uib.no>
Date: Tue, 4 Aug 2020 14:07:39 +0200
Subject: [PATCH] =?UTF-8?q?finere=20spr=C3=A5k-knapper?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/App.vue | 25 ++++++++++++++++++++++++-
1 file changed, 24 insertions(+), 1 deletion(-)
diff --git a/src/App.vue b/src/App.vue
index dd68cd88..9b98970e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -10,13 +10,14 @@
</Preview>
</template>
</autocomplete>
+ <span class="lang-select-intro">VIS ORDET PÃ…</span>
<input type="radio" id="radio_both" value="nob,nno" v-model="lang">
<label for="radio_both">Begge</label>
<input type="radio" id="radio_nob" value="nob" v-model="lang">
<label for="radio_nob">Bokmål</label>
<input type="radio" id="radio_nno" value="nno" v-model="lang">
<label for="radio_nno">Nynorsk</label>
- -----
+ -
<input type="radio" id="radio_norsk" value="norsk_ordbok" v-model="lang">
<label for="radio_norsk">Norsk Ordbok</label>
</header>
@@ -207,9 +208,31 @@ main {
width: 25em;
border-bottom: solid #BC477B;
border-radius: 0px;
+ margin-bottom: 8px;
}
.autocomplete-result-list {
max-height: 500px;
}
+
+input[type=radio] {
+ display: none;
+}
+
+input[type=radio]:checked + label {
+ font-weight: bold;
+ border: solid 1px #560027;
+}
+
+label {
+ margin: 4px 4px 4px 8px;
+ border-radius: 4px;
+ padding: 2px 8px 2px 8px;
+ background-color: #DDDDDD
+}
+
+.lang-select-intro {
+ font-size: smaller;
+ font-weight: bold;
+}
</style>
--
GitLab