DebaucheryLibrarian
/
traxxx
2
1
Fork 1
Code Issues 37 Pull Requests 1 Releases Wiki Activity

Added browse text to stash link to clarify link.

This commit is contained in:
DebaucheryLibrarian 2021-03-20 23:27:53 +01:00
parent 819d53fc2b
commit 565cf551f0
1 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
assets/components/users/stash.vue
View File

@ -6,6 +6,7 @@
class="stash-link nolink" class="stash-link nolink"
> >
<h4 class="stash-name">{{ stash.name }}</h4> <h4 class="stash-name">{{ stash.name }}</h4>
<span class="stash-more">Browse</span>
</router-link> </router-link>
<span class="header-actions noselect"> <span class="header-actions noselect">
@ -154,18 +155,25 @@ export default {
.stash-header { .stash-header {
justify-content: space-between; justify-content: space-between;
align-items: stretch;
padding: 0; padding: 0;
} }
.stash-link { .stash-link {
display: inline-flex;
align-items: center;
flex-grow: 1; flex-grow: 1;
display: inline-block;
text-decoration: none; text-decoration: none;
overflow: hidden; overflow: hidden;
&:hover .stash-more {
color: var(--primary);
}
} }
.stash-name { .stash-name {
padding: .5rem; display: inline-block;
padding: 0 .5rem;
margin: 0; margin: 0;
color: var(--shadow-strong); color: var(--shadow-strong);
white-space: nowrap; white-space: nowrap;
@ -173,6 +181,13 @@ export default {
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.stash-more {
flex-shrink: 0;
margin: 0 0 0 .5rem;
color: var(--shadow);
font-size: .9rem;
}
.header-actions { .header-actions {
display: flex; display: flex;
align-items: stretch; align-items: stretch;
@ -192,7 +207,7 @@ export default {
.stash-remove { .stash-remove {
height: auto; height: auto;
padding: 0 1rem 0 .75rem; padding: 0 .5rem 0 .75rem;
fill: var(--shadow); fill: var(--shadow);
&:hover { &:hover {