Fix dark theme compatibility and sizing

Signed-off-by: Julius Härtl <jus@bitgrid.net>
nextcloud-libraries · Aug 21, 2020 · 4439302 · 4439302
1 parent df011df
commit 4439302
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/CollectionList.vue b/src/components/CollectionList.vue
@@ -24,7 +24,7 @@
 	<ul v-if="collections && type && id" id="collection-list" class="collection-list">
 		<li @click="showSelect">
 			<div class="avatar">
-				<span class="icon-projects icon-white" />
+				<span class="icon-projects" />
 			</div>
 			<div id="collection-select-container">
 				<Multiselect ref="select" v-model="value" :options="options"
@@ -220,6 +220,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+	.collection-list * {
+		box-sizing: border-box;
+	}
 	.collection-list > li {
 		display: flex;
 		align-items: start;
@@ -280,7 +283,7 @@ export default {
 		height: 32px;
 		margin: 0;
 		padding: 8px;
-		background-color: var(--color-text-maxcontrast);
+		background-color: var(--color-background-dark);
 		margin-top: 30px;
 	}