jschaufuss/DiceCloud
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Made hit dice list tiles compatible with dark mode

Browse Source
This commit is contained in:
Stefan Zermatten
2019-02-15 12:24:52 +02:00
parent 23654cd09c
commit f773a20a59
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/imports/ui/components/HitDiceListTile.vue
View File

@@ -1,5 +1,5 @@
<template lang="html"> <template lang="html">
<v-list-tile class="hit-dice-list-tile white" :class="{hover}"> <v-list-tile class="hit-dice-list-tile" :class="{hover}">
<v-list-tile-action class="mr-4"> <v-list-tile-action class="mr-4">
@@ -69,6 +69,9 @@ export default {
</script> </script>
<style lang="css" scoped> <style lang="css" scoped>
.hit-dice-list-tile {
background: inherit;
}
.hit-dice-list-tile >>> .v-list__tile { .hit-dice-list-tile >>> .v-list__tile {
height: 88px; height: 88px;
} }
@@ -82,7 +85,10 @@ export default {
margin: -2px; margin: -2px;
} }
.hit-dice-list-tile.hover { .hit-dice-list-tile.hover {
background: rgba(0,0,0,.04); background: #f5f5f5 !important;
}
.theme--dark .hit-dice-list-tile.hover {
background: #515151 !important;
} }
.content { .content {
cursor: pointer; cursor: pointer;
@@ -90,4 +96,7 @@ export default {
.max-value { .max-value {
color: rgba(0,0,0,.54); color: rgba(0,0,0,.54);
} }
.theme--dark .max-value {
color: rgba(255, 255, 255, 0.54);
}
</style> </style>