parent
081e87209b
commit
e89ce74533
|
@ -160,6 +160,10 @@ a.card {
|
||||||
background: $secondary;
|
background: $secondary;
|
||||||
color: #3c376e;
|
color: #3c376e;
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
outline: 3px solid $violet-3;
|
||||||
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
// box-shadow: 0 0 5px 0 rgba(0, 0, 0, 1);
|
// box-shadow: 0 0 5px 0 rgba(0, 0, 0, 1);
|
||||||
transform: scale(1.01, 1.01);
|
transform: scale(1.01, 1.01);
|
||||||
|
|
|
@ -71,6 +71,7 @@
|
||||||
</b-navbar-item>
|
</b-navbar-item>
|
||||||
|
|
||||||
<b-navbar-dropdown
|
<b-navbar-dropdown
|
||||||
|
tabindex="0"
|
||||||
v-if="currentActor.id && currentUser.isLoggedIn"
|
v-if="currentActor.id && currentUser.isLoggedIn"
|
||||||
right
|
right
|
||||||
collapsible
|
collapsible
|
||||||
|
@ -103,7 +104,7 @@
|
||||||
<!-- No identities dropdown if no identities -->
|
<!-- No identities dropdown if no identities -->
|
||||||
<span v-if="identities.length <= 1" />
|
<span v-if="identities.length <= 1" />
|
||||||
<b-navbar-item
|
<b-navbar-item
|
||||||
tag="span"
|
tag="button"
|
||||||
v-for="identity in identities"
|
v-for="identity in identities"
|
||||||
v-else
|
v-else
|
||||||
:active="identity.id === currentActor.id"
|
:active="identity.id === currentActor.id"
|
||||||
|
@ -145,8 +146,8 @@
|
||||||
>{{ $t("Administration") }}</b-navbar-item
|
>{{ $t("Administration") }}</b-navbar-item
|
||||||
>
|
>
|
||||||
|
|
||||||
<b-navbar-item tag="span">
|
<b-navbar-item tag="button" @click="logout">
|
||||||
<span @click="logout">{{ $t("Log out") }}</span>
|
{{ $t("Log out") }}
|
||||||
</b-navbar-item>
|
</b-navbar-item>
|
||||||
</b-navbar-dropdown>
|
</b-navbar-dropdown>
|
||||||
|
|
||||||
|
@ -317,28 +318,51 @@ nav {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:focus-visible,
|
||||||
|
&:not(.has-dropdown.is-active):focus-within {
|
||||||
|
outline: 2px solid $violet-3;
|
||||||
|
}
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
height: 1.75rem;
|
height: 1.75rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar-dropdown .navbar-item {
|
::v-deep .navbar-item.is-active .navbar-dropdown {
|
||||||
cursor: pointer;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
span {
|
.navbar-item {
|
||||||
display: flex;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&.is-active {
|
.navbar-dropdown {
|
||||||
background: $secondary;
|
.navbar-item {
|
||||||
}
|
cursor: pointer;
|
||||||
|
border: none;
|
||||||
|
background: none;
|
||||||
|
font: inherit;
|
||||||
|
|
||||||
span.icon.is-medium {
|
span {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
&.is-active {
|
||||||
max-height: 2.5em;
|
background: $secondary;
|
||||||
|
}
|
||||||
|
|
||||||
|
span.icon.is-medium {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-height: 2.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus-visible,
|
||||||
|
&:focus-within {
|
||||||
|
outline: 3px solid $violet-3;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -351,6 +351,7 @@
|
||||||
<actor-card :actor="event.organizerActor" />
|
<actor-card :actor="event.organizerActor" />
|
||||||
</popover-actor-card>
|
</popover-actor-card>
|
||||||
<router-link
|
<router-link
|
||||||
|
class="attributed-to-link"
|
||||||
v-if="event.attributedTo"
|
v-if="event.attributedTo"
|
||||||
:to="{
|
:to="{
|
||||||
name: RouteName.GROUP,
|
name: RouteName.GROUP,
|
||||||
|
@ -1436,6 +1437,12 @@ div.sidebar {
|
||||||
span.online-address {
|
span.online-address {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a.attributed-to-link {
|
||||||
|
&:focus {
|
||||||
|
outline: 3px solid $violet-3;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .metadata-organized-by {
|
::v-deep .metadata-organized-by {
|
||||||
|
|
Loading…
Reference in New Issue