Added actor expand button to profile.
This commit is contained in:
@@ -81,8 +81,8 @@
|
||||
|
||||
<Sites
|
||||
:sites="sites"
|
||||
class="compact"
|
||||
:class="{ expanded }"
|
||||
class="compact"
|
||||
/>
|
||||
|
||||
<span
|
||||
@@ -234,63 +234,16 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
.expand {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: .5rem 0;
|
||||
font-weight: bold;
|
||||
font-size: .9rem;
|
||||
cursor: pointer;
|
||||
|
||||
.icon {
|
||||
fill: $shadow;
|
||||
margin: 0 .5rem;
|
||||
}
|
||||
|
||||
&:hover .icon {
|
||||
fill: $shadow-strong;
|
||||
}
|
||||
}
|
||||
|
||||
.expand-sidebar:hover {
|
||||
background: $shadow-hint;
|
||||
}
|
||||
|
||||
.expand-header {
|
||||
display: none;
|
||||
|
||||
&:hover {
|
||||
background: $shadow-hint;
|
||||
}
|
||||
}
|
||||
|
||||
.collapse-header {
|
||||
width: 100%;
|
||||
display: none;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 0;
|
||||
background: $profile;
|
||||
|
||||
.icon {
|
||||
width: 100%;
|
||||
fill: $highlight;
|
||||
padding: .5rem 0;
|
||||
}
|
||||
|
||||
&:hover .icon {
|
||||
background: $highlight-hint;
|
||||
fill: $text-contrast;
|
||||
}
|
||||
}
|
||||
|
||||
.sites.compact {
|
||||
display: none;
|
||||
background: $profile;
|
||||
grid-row: 1;
|
||||
}
|
||||
|
||||
.collapse-header {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media(max-width: $breakpoint3) {
|
||||
.header,
|
||||
.header.hideable {
|
||||
|
||||
Reference in New Issue
Block a user