2019-04-17 03:29:30 -06:00
|
|
|
#challenge-app {
|
2021-10-26 04:02:49 -06:00
|
|
|
@extend %box-radius-left, %dropdown-shadow;
|
|
|
|
overflow: hidden;
|
2019-02-10 06:50:05 -07:00
|
|
|
right: 0;
|
2021-10-26 04:02:49 -06:00
|
|
|
width: 270px;
|
2019-02-10 06:50:05 -07:00
|
|
|
text-align: center;
|
|
|
|
|
2019-02-24 04:18:25 -07:00
|
|
|
.empty {
|
2019-02-10 18:43:30 -07:00
|
|
|
background: $c-bg-header-dropdown;
|
2019-02-10 06:50:05 -07:00
|
|
|
padding: 2rem 0;
|
|
|
|
}
|
|
|
|
|
2019-02-24 04:18:25 -07:00
|
|
|
.challenge {
|
2019-02-10 18:43:30 -07:00
|
|
|
background: $c-bg-header-dropdown;
|
2021-10-26 04:02:49 -06:00
|
|
|
border-bottom: $border;
|
|
|
|
padding-bottom: 0.5em;
|
2020-07-24 11:45:18 -06:00
|
|
|
|
2019-02-10 06:50:05 -07:00
|
|
|
&:hover {
|
2021-10-26 04:02:49 -06:00
|
|
|
background: mix($c-bg-box, $c-primary, 70%);
|
|
|
|
padding-bottom: 0;
|
|
|
|
outline: 1px solid $c-primary;
|
2020-07-24 11:45:18 -06:00
|
|
|
|
2021-10-26 04:02:49 -06:00
|
|
|
.perf {
|
|
|
|
color: $c-primary !important;
|
2019-02-14 21:04:24 -07:00
|
|
|
}
|
2019-02-10 06:50:05 -07:00
|
|
|
}
|
2020-07-24 11:45:18 -06:00
|
|
|
|
2019-02-10 06:50:05 -07:00
|
|
|
&.declined {
|
2021-10-26 04:02:49 -06:00
|
|
|
display: none;
|
2019-02-10 06:50:05 -07:00
|
|
|
}
|
2020-07-24 11:45:18 -06:00
|
|
|
|
2019-02-24 04:18:25 -07:00
|
|
|
.buttons {
|
2021-10-26 04:02:49 -06:00
|
|
|
display: none;
|
2019-02-10 06:50:05 -07:00
|
|
|
}
|
2020-07-24 11:45:18 -06:00
|
|
|
|
2021-10-30 10:08:26 -06:00
|
|
|
&:hover .buttons,
|
|
|
|
.blind-mode & .buttons {
|
2021-10-26 04:02:49 -06:00
|
|
|
@extend %flex-between-nowrap;
|
2019-02-10 06:50:05 -07:00
|
|
|
}
|
2020-07-24 11:45:18 -06:00
|
|
|
|
2019-02-24 04:18:25 -07:00
|
|
|
.buttons > * {
|
2021-10-26 04:02:49 -06:00
|
|
|
width: 33%;
|
2019-02-10 06:50:05 -07:00
|
|
|
}
|
2020-07-24 11:45:18 -06:00
|
|
|
|
2019-02-24 04:18:25 -07:00
|
|
|
button {
|
2019-02-10 06:50:05 -07:00
|
|
|
cursor: pointer;
|
|
|
|
color: $c-good;
|
|
|
|
width: 100%;
|
|
|
|
display: block;
|
|
|
|
padding: 0;
|
|
|
|
background: transparent;
|
2021-10-26 04:02:49 -06:00
|
|
|
font-size: 1.5rem;
|
2020-07-24 11:45:18 -06:00
|
|
|
|
|
|
|
@include transition;
|
|
|
|
|
2019-02-10 06:50:05 -07:00
|
|
|
box-shadow: none;
|
|
|
|
}
|
2020-07-24 11:45:18 -06:00
|
|
|
|
2019-02-24 04:18:25 -07:00
|
|
|
button,
|
|
|
|
.owner {
|
2021-10-26 04:02:49 -06:00
|
|
|
height: 3rem;
|
2019-02-10 06:50:05 -07:00
|
|
|
}
|
2020-07-24 11:45:18 -06:00
|
|
|
|
2019-02-24 04:18:25 -07:00
|
|
|
.owner {
|
2019-02-10 06:50:05 -07:00
|
|
|
color: $c-link;
|
2021-10-26 04:02:49 -06:00
|
|
|
line-height: 3rem;
|
2019-02-10 06:50:05 -07:00
|
|
|
}
|
2020-07-24 11:45:18 -06:00
|
|
|
|
2019-02-24 04:18:25 -07:00
|
|
|
.owner .view,
|
|
|
|
.owner:hover .waiting {
|
2019-02-10 06:50:05 -07:00
|
|
|
display: none;
|
|
|
|
}
|
2020-07-24 11:45:18 -06:00
|
|
|
|
2019-02-24 04:18:25 -07:00
|
|
|
.owner:hover .view {
|
2019-02-10 06:50:05 -07:00
|
|
|
display: block;
|
|
|
|
background: $c-primary;
|
|
|
|
color: $c-primary-over;
|
2020-07-24 11:45:18 -06:00
|
|
|
|
2019-02-10 06:50:05 -07:00
|
|
|
&::before {
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
}
|
2020-07-24 11:45:18 -06:00
|
|
|
|
2019-02-24 04:18:25 -07:00
|
|
|
button::before {
|
2021-10-26 04:02:49 -06:00
|
|
|
line-height: 3rem;
|
2019-02-10 06:50:05 -07:00
|
|
|
}
|
2020-07-24 11:45:18 -06:00
|
|
|
|
2019-02-24 04:18:25 -07:00
|
|
|
button.decline {
|
2019-02-10 06:50:05 -07:00
|
|
|
color: $c-bad;
|
|
|
|
border-right: none;
|
|
|
|
}
|
2020-07-24 11:45:18 -06:00
|
|
|
|
2019-02-24 04:18:25 -07:00
|
|
|
button:hover {
|
2019-02-10 06:50:05 -07:00
|
|
|
background: $c-good;
|
|
|
|
color: $c-good-over;
|
|
|
|
}
|
2020-07-24 11:45:18 -06:00
|
|
|
|
2019-02-24 04:18:25 -07:00
|
|
|
button.decline:hover {
|
2019-02-10 06:50:05 -07:00
|
|
|
background: $c-bad;
|
|
|
|
}
|
2020-07-24 11:45:18 -06:00
|
|
|
|
2019-02-24 04:18:25 -07:00
|
|
|
.content {
|
2021-10-26 04:02:49 -06:00
|
|
|
@extend %flex-between-nowrap;
|
|
|
|
padding: 0.5em 0.8em 0em 1em;
|
|
|
|
&__text {
|
|
|
|
@extend %nowrap-ellipsis;
|
2020-07-24 11:45:18 -06:00
|
|
|
|
2021-10-26 04:02:49 -06:00
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.perf {
|
|
|
|
font-size: 2.5em;
|
|
|
|
color: $c-font-dim;
|
|
|
|
}
|
2019-02-10 06:50:05 -07:00
|
|
|
}
|
2020-07-24 11:45:18 -06:00
|
|
|
|
2019-02-24 04:18:25 -07:00
|
|
|
.head {
|
2019-02-10 06:50:05 -07:00
|
|
|
display: block;
|
|
|
|
font-weight: bold;
|
2021-10-26 04:02:49 -06:00
|
|
|
margin-bottom: 0.1em;
|
2019-02-10 06:50:05 -07:00
|
|
|
}
|
2020-07-24 11:45:18 -06:00
|
|
|
|
2019-04-08 03:19:22 -06:00
|
|
|
.head .user-link {
|
2019-02-10 06:50:05 -07:00
|
|
|
margin-left: -5px;
|
|
|
|
}
|
2021-07-03 10:58:07 -06:00
|
|
|
|
|
|
|
.color-icon::before {
|
|
|
|
vertical-align: text-top;
|
|
|
|
}
|
2019-02-10 06:50:05 -07:00
|
|
|
}
|
|
|
|
}
|