Kai/habitica
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix star/empty colors - fix quest layout - countBadge z-index

Browse Source
This commit is contained in:
negue
2019-03-06 22:45:09 +01:00
parent f9b9e75c18
commit 7d45dcfee5
6 changed files with 15 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/client/assets/svg/difficulty-star-empty.svg
+1 -1
View File
@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill="#E1E0E3" fill-rule="evenodd" d="M10.667 10.667L16 8l-5.333-2.667L8 0 5.333 5.333 0 8l5.333 2.667L8 16z"/> <path class="star-empty" fill="#E1E0E3" fill-rule="evenodd" d="M10.667 10.667L16 8l-5.333-2.667L8 0 5.333 5.333 0 8l5.333 2.667L8 16z"/>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 213 B

After

Width:  |  Height:  |  Size: 232 B

website/client/assets/svg/difficulty-star-half.svg
+2 -2
View File
@@ -1,6 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<g fill="none" fill-rule="evenodd"> <g fill="none" fill-rule="evenodd">
<path fill="#E1E0E3" d="M10.667 10.667L16 8l-5.333-2.667L8 0 5.333 5.333 0 8l5.333 2.667L8 16z"/> <path class="star-empty" fill="#E1E0E3" d="M10.667 10.667L16 8l-5.333-2.667L8 0 5.333 5.333 0 8l5.333 2.667L8 16z"/>
<path fill="#FFB445" d="M8 0L5.333 5.333 0 8l5.333 2.667L8 16z"/> <path class="star" fill="#FFB445" d="M8 0L5.333 5.333 0 8l5.333 2.667L8 16z"/>
</g> </g>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 320 B

After

Width:  |  Height:  |  Size: 352 B

website/client/assets/svg/difficulty-star.svg
+1 -1
View File
@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path fill="#FFB445" fill-rule="evenodd" d="M10.667 10.667L16 8l-5.333-2.667L8 0 5.333 5.333 0 8l5.333 2.667L8 16z"/> <path class="star" fill="#FFB445" fill-rule="evenodd" d="M10.667 10.667L16 8l-5.333-2.667L8 0 5.333 5.333 0 8l5.333 2.667L8 16z"/>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 213 B

After

Width:  |  Height:  |  Size: 226 B

website/client/components/shops/quests/index.vue
+1
View File
@@ -244,6 +244,7 @@
display: inline-block; display: inline-block;
width: 33%; width: 33%;
margin-bottom: 24px; margin-bottom: 24px;
vertical-align: top;
.items { .items {
border-radius: 2px; border-radius: 2px;
website/client/components/shops/quests/questInfo.vue
+9
View File
@@ -74,6 +74,15 @@ dt {
white-space: nowrap; white-space: nowrap;
} }
} }
// making sure the star-colors always correct
.star {
fill: #ffb445;
}
.star-empty {
fill: #686274;
}
</style> </style>
<script> <script>
website/client/components/ui/countBadge.vue
+1
View File
@@ -15,6 +15,7 @@ span.badge.badge-pill.badge-item.badge-count(
min-width: 24px; min-width: 24px;
height: 24px; height: 24px;
box-shadow: 0 1px 1px 0 rgba($black, 0.12); box-shadow: 0 1px 1px 0 rgba($black, 0.12);
z-index: 1;
} }
</style> </style>