local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

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

Browse source
This commit is contained in:
Dominik Pschenitschni 2021-10-18 14:21:18 +02:00
parent 0eb87663e0
commit 0f7caafd54
No known key found for this signature in database
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

46
src/styles/components/namespaces.scss
View file

@ -1,47 +1,3 @@
.namespaces-list { .namespaces-list.loader-container.is-loading {
.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}); 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;
}
}
} }

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

@ -101,3 +101,49 @@ export default {
}, },
} }
</script> </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>