vikunja
/
frontend
Archived
6
39
Fork 49
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

feat: moved most of namespaces.scss styles to the ListNamespaces.vue component

This commit is contained in:
Dominik Pschenitschni 2021-10-18 14:21:18 +02:00
parent 6e579cacb6
commit ae61039c78
Signed by: dpschen
GPG Key ID: B257AC0149F43A77
2 changed files with 48 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
src/styles/components/namespaces.scss
View File

@ -1,47 +1,3 @@
.namespaces-list {
.button.new-namespace {
float: right;
margin-left: 1rem;
@media screen and (max-width: $mobile) {
float: none;
width: 100%;
margin-bottom: 1rem;
}
}
.show-archived-check {
margin-bottom: 1rem;
}
&.loader-container.is-loading {
min-height: calc(100vh - #{$navbar-height + 1.5rem + 1rem + 1.5rem});
}
.namespace {
&:not(:last-child) {
margin-bottom: 1rem;
}
h1 {
display: flex;
align-items: center;
}
.is-archived {
font-size: 0.75rem;
border: 1px solid $grey-500;
color: $grey !important;
padding: 2px 4px;
border-radius: 3px;
font-family: $vikunja-font;
background: rgba($white, 0.75);
margin-left: .5rem;
}
.lists {
display: flex;
flex-flow: row wrap;
}
}
.namespaces-list.loader-container.is-loading {
min-height: calc(100vh - #{$navbar-height + 1.5rem + 1rem + 1.5rem});
}

46
src/views/namespaces/ListNamespaces.vue
View File

@ -101,3 +101,49 @@ export default {
},
}
</script>
<style lang="scss" scoped>
.namespaces-list {
.button.new-namespace {
float: right;
margin-left: 1rem;
@media screen and (max-width: $mobile) {
float: none;
width: 100%;
margin-bottom: 1rem;
}
}
.show-archived-check {
margin-bottom: 1rem;
}
.namespace {
&:not(:last-child) {
margin-bottom: 1rem;
}
h1 {
display: flex;
align-items: center;
}
.is-archived {
font-size: 0.75rem;
border: 1px solid $grey-500;
color: $grey !important;
padding: 2px 4px;
border-radius: 3px;
font-family: $vikunja-font;
background: rgba($white, 0.75);
margin-left: .5rem;
}
.lists {
display: flex;
flex-flow: row wrap;
}
}
}
</style>