Added tag filter to releases query, enabled on homepage.

This commit is contained in:
2019-11-13 03:14:24 +01:00
parent d1212725bb
commit f9f9cc7977
26 changed files with 555 additions and 192 deletions

View File

@@ -1,3 +1,44 @@
/* $primary: #ff886c; */
.filters-bar[data-v-7de6ddc6] {
display: block;
background: rgba(0, 0, 0, 0.1);
padding: .5rem 1rem;
font-size: 0;
}
.filters-bar .icon[data-v-7de6ddc6] {
fill: rgba(0, 0, 0, 0.5);
}
.filters[data-v-7de6ddc6] {
display: inline-block;
list-style: none;
padding: .5rem;
margin: 0;
}
.filters[data-v-7de6ddc6]:not(:last-child) {
border-right: solid 1px rgba(0, 0, 0, 0.2);
}
.filter[data-v-7de6ddc6] {
display: inline-block;
}
.toggle[data-v-7de6ddc6] {
color: rgba(0, 0, 0, 0.5);
background: rgba(0, 0, 0, 0.1);
box-sizing: border-box;
padding: .5rem;
margin: 0 .25rem;
border-radius: .5rem;
font-size: .9rem;
font-weight: bold;
cursor: pointer;
}
.toggle .check[data-v-7de6ddc6] {
display: none;
}
.toggle.active[data-v-7de6ddc6] {
color: #fff;
background: #ff6c88;
}
/* $primary: #ff886c; */
.tile[data-v-3abcf101] {
display: flex;
@@ -118,42 +159,6 @@
color: rgba(0, 0, 0, 0.7);
}
/* $primary: #ff886c; */
.filters-bar[data-v-5533e378] {
display: block;
background: rgba(0, 0, 0, 0.1);
padding: .5rem 1rem;
}
.filters-bar .icon[data-v-5533e378] {
fill: rgba(0, 0, 0, 0.5);
}
.filters[data-v-5533e378] {
display: inline-block;
list-style: none;
padding: .5rem;
margin: 0;
}
.filters .toggle[data-v-5533e378] {
color: rgba(0, 0, 0, 0.5);
background: rgba(0, 0, 0, 0.1);
box-sizing: border-box;
padding: .5rem;
border-radius: .5rem;
font-size: .9rem;
font-weight: bold;
cursor: pointer;
}
.filters .toggle .check[data-v-5533e378] {
display: none;
}
.filters .toggle.active[data-v-5533e378] {
color: #fff;
background: #ff6c88;
}
.filter[data-v-5533e378] {
display: inline-block;
}
/* $primary: #ff886c; */
.banner[data-v-2bc41e74] {
background: #222;
@@ -246,7 +251,7 @@
align-items: flex-end;
}
.logo[data-v-3e57cf44] {
width: 15rem;
width: 20rem;
max-height: 8rem;
-o-object-fit: contain;
object-fit: contain;
@@ -423,6 +428,83 @@
-ms-user-select: none;
-webkit-tap-highlight-color: transparent; }
.tooltip {
display: block !important;
z-index: 10000; }
.tooltip .tooltip-inner {
background: #222;
color: white;
border-radius: 16px;
padding: 5px 10px 4px; }
.tooltip .tooltip-arrow {
width: 0;
height: 0;
border-style: solid;
position: absolute;
margin: 5px;
border-color: #222;
z-index: 1; }
.tooltip[x-placement^="top"] {
margin-bottom: 5px; }
.tooltip[x-placement^="top"] .tooltip-arrow {
border-width: 5px 5px 0 5px;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
bottom: -5px;
left: calc(50% - 5px);
margin-top: 0;
margin-bottom: 0; }
.tooltip[x-placement^="bottom"] {
margin-top: 5px; }
.tooltip[x-placement^="bottom"] .tooltip-arrow {
border-width: 0 5px 5px 5px;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
top: -5px;
left: calc(50% - 5px);
margin-top: 0;
margin-bottom: 0; }
.tooltip[x-placement^="right"] {
margin-left: 5px; }
.tooltip[x-placement^="right"] .tooltip-arrow {
border-width: 5px 5px 5px 0;
border-left-color: transparent !important;
border-top-color: transparent !important;
border-bottom-color: transparent !important;
left: -5px;
top: calc(50% - 5px);
margin-left: 0;
margin-right: 0; }
.tooltip[x-placement^="left"] {
margin-right: 5px; }
.tooltip[x-placement^="left"] .tooltip-arrow {
border-width: 5px 0 5px 5px;
border-top-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
right: -5px;
top: calc(50% - 5px);
margin-left: 0;
margin-right: 0; }
.tooltip.popover .popover-inner {
background: #f9f9f9;
color: black;
padding: 24px;
border-radius: 5px;
box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); }
.tooltip.popover .popover-arrow {
border-color: #f9f9f9; }
.tooltip[aria-hidden='true'] {
visibility: hidden;
opacity: 0;
/* transition: opacity .15s, visibility .15s; */ }
.tooltip[aria-hidden='false'] {
visibility: visible;
opacity: 1;
/* transition: opacity .15s; */ }
html,
body {
height: 100%; }