Switch all em's to rem's

This commit is contained in:
kolaente 2021-01-23 16:02:38 +01:00
parent 97d31bb6d2
commit 55822a9637
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
37 changed files with 188 additions and 188 deletions

View File

@ -505,7 +505,7 @@ pre.CodeMirror-line {
}
ul.actions {
font-size: .8em;
font-size: .8rem;
margin: 0;
li {

View File

@ -58,6 +58,6 @@ export default {
}
.buttons {
margin-top: 0.5em;
margin-top: 0.5rem;
}
</style>

View File

@ -40,7 +40,7 @@ export default {
<style lang="scss" scoped>
.user {
margin: .5em;
margin: .5rem;
&.is-inline {
display: inline;
@ -52,7 +52,7 @@ export default {
border-radius: 100%;
vertical-align: middle;
margin-right: .5em;
margin-right: .5rem;
}
}
</style>

View File

@ -284,6 +284,6 @@ export default {
<style scoped>
form {
margin-bottom: 1em;
margin-bottom: 1rem;
}
</style>

View File

@ -58,7 +58,7 @@ span.high-priority {
.icon {
vertical-align: middle;
width: auto !important;
padding: 0 .5em;
padding: 0 .5rem;
}
&.not-so-high {

View File

@ -84,7 +84,7 @@
.icon {
width: 100%;
font-size: 5em;
font-size: 5rem;
height: auto;
text-shadow: 0 2px 2px rgba(0, 0, 0, .14), 0 3px 1px rgba(0, 0, 0, .2), 0 1px 5px rgba(0, 0, 0, .12);
-moz-animation: bounce 2s infinite;
@ -93,11 +93,11 @@
}
.hint {
margin: .5em auto 2em;
margin: .5rem auto 2rem;
border-radius: 2px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
background: $primary;
padding: 1em;
padding: 1rem;
color: $white;
width: 100%;
max-width: 300px;

View File

@ -18,5 +18,5 @@
.box, .card {
border: $thickness solid $border;
box-shadow: 0.3em 0.3em 0.8em $grey-200;
box-shadow: 0.3rem 0.3rem 0.8rem $grey-200;
}

View File

@ -9,7 +9,7 @@
}
&.is-block {
margin: .5em .2em;
margin: .5rem .2rem;
}
.check {
@ -26,9 +26,9 @@
}
span {
font-size: 0.8em;
font-size: 0.8rem;
vertical-align: top;
padding-left: .5em;
padding-left: .5rem;
}
svg {

View File

@ -1,7 +1,7 @@
.tooltip {
visibility: collapse;
z-index: 10000;
font-size: 0.8em;
font-size: 0.8rem;
text-align: center;
background: $dark;
color: white;

View File

@ -2,7 +2,7 @@
align-items: center;
.media-left {
margin: 0 1em;
margin: 0 1rem;
}
.comment-info {

View File

@ -2,7 +2,7 @@ $gantt-border: 1px solid $grey-200;
$gantt-vertical-border-color: $grey-100;
.gantt-chart-container {
padding-bottom: 1em;
padding-bottom: 1rem;
}
.gantt-chart {
@ -17,7 +17,7 @@ $gantt-vertical-border-color: $grey-100;
display: flex;
.month {
padding: 0.5em 0 0;
padding: 0.5rem 0 0;
border-right: $gantt-border;
font-family: $vikunja-font;
font-weight: bold;
@ -30,7 +30,7 @@ $gantt-vertical-border-color: $grey-100;
display: flex;
.day {
padding: 0.5em 0;
padding: 0.5rem 0;
font-weight: normal;
&.today {
@ -41,13 +41,13 @@ $gantt-vertical-border-color: $grey-100;
}
.theday {
padding: 0 .5em;
padding: 0 .5rem;
width: 100%;
display: block;
}
.weekday {
font-size: 0.8em;
font-size: 0.8rem;
}
}
}
@ -66,10 +66,10 @@ $gantt-vertical-border-color: $grey-100;
.task {
display: inline-block;
border: 2px solid $primary;
font-size: 0.85em;
margin: 0.5em;
font-size: 0.85rem;
margin: 0.5rem;
border-radius: 6px;
padding: 0.25em 0.5em;
padding: 0.25rem 0.5rem;
cursor: grab;
position: relative;
@ -146,7 +146,7 @@ $gantt-vertical-border-color: $grey-100;
}
.high-priority {
margin: 0 0 0 .5em;
margin: 0 0 0 .5rem;
vertical-align: bottom;
}
@ -182,17 +182,17 @@ $gantt-vertical-border-color: $grey-100;
}
.add-new-task {
padding: 1em .7em .4em .7em;
padding: 1rem .7rem .4rem .7rem;
display: flex;
max-width: 450px;
.input {
margin-right: .7em;
font-size: .8em;
margin-right: .7rem;
font-size: .8rem;
}
.button {
font-size: .68em;
font-size: .68rem;
}
}
@ -208,14 +208,14 @@ $gantt-vertical-border-color: $grey-100;
.range-picker {
display: flex;
margin-bottom: 1em;
margin-bottom: 1rem;
.field {
margin: 0 0 0 .5em;
margin: 0 0 0 .5rem;
max-width: 100px;
&, .input {
font-size: .8em;
font-size: .8rem;
}
.select {
@ -224,12 +224,12 @@ $gantt-vertical-border-color: $grey-100;
select {
height: auto;
font-size: 0.75em;
font-size: 0.75rem;
}
.label {
font-size: .9em;
padding-left: .4em;
font-size: .9rem;
padding-left: .4rem;
}
}
}

View File

@ -3,7 +3,7 @@ $task-background: $white;
$ease-out: all .3s cubic-bezier(0.23, 1, 0.32, 1);
$bucket-width: 300px;
$crazy-height-calculation: '100vh - 4.5rem - 1.5rem - 1em - 1.5em - 11px';
$crazy-height-calculation: '100vh - 4.5rem - 1.5rem - 1rem - 1.5rem - 11px';
.app-content.list\.kanban {
padding-bottom: 0;
@ -17,7 +17,7 @@ $crazy-height-calculation: '100vh - 4.5rem - 1.5rem - 1em - 1.5em - 11px';
overflow-y: hidden;
height: calc(#{$crazy-height-calculation});
margin: 0 -1.5rem;
padding: 0 1.5em;
padding: 0 1.5rem;
.bucket {
@ -26,13 +26,13 @@ $crazy-height-calculation: '100vh - 4.5rem - 1.5rem - 1em - 1.5em - 11px';
position: relative;
flex: 0 0 $bucket-width;
margin: 0 1em 0 0;
margin: 0 1rem 0 0;
max-height: 100%;
min-height: 20px;
max-width: $bucket-width;
.tasks {
max-height: calc(#{$crazy-height-calculation} - 1rem - 2.5rem - 2em - #{$button-height} - 1em);
max-height: calc(#{$crazy-height-calculation} - 1rem - 2.5rem - 2rem - #{$button-height} - 1rem);
overflow: auto;
.task {
@ -53,17 +53,17 @@ $crazy-height-calculation: '100vh - 4.5rem - 1.5rem - 1em - 1.5em - 11px';
box-shadow: 2px 2px 2px $grey-200;
display: block;
font-size: .9em;
padding: .5em;
margin: .5em;
font-size: .9rem;
padding: .5rem;
margin: .5rem;
border-radius: $radius;
background: $task-background;
&.loader-container.is-loading:after {
width: 1.5em;
height: 1.5em;
top: calc(50% - .75em);
left: calc(50% - .75em);
width: 1.5rem;
height: 1.5rem;
top: calc(50% - .75rem);
left: calc(50% - .75rem);
border-width: 2px;
}
@ -94,7 +94,7 @@ $crazy-height-calculation: '100vh - 4.5rem - 1.5rem - 1em - 1.5em - 11px';
}
.label-wrapper .tag {
margin: .5em .5em 0 0;
margin: .5rem .5rem 0 0;
}
.footer {
@ -128,7 +128,7 @@ $crazy-height-calculation: '100vh - 4.5rem - 1.5rem - 1em - 1.5em - 11px';
.priority-label {
font-size: .75rem;
height: 2em;
height: 2rem;
.icon {
height: 1rem;
@ -157,8 +157,8 @@ $crazy-height-calculation: '100vh - 4.5rem - 1.5rem - 1em - 1.5em - 11px';
.is-done {
margin: 0;
font-size: .8em;
padding: .25em .5em;
font-size: .8rem;
padding: .25rem .5rem;
}
&.is-moving {
@ -192,7 +192,7 @@ $crazy-height-calculation: '100vh - 4.5rem - 1.5rem - 1em - 1.5em - 11px';
.drop-preview {
border-radius: $radius;
margin: 0 .5em .5em;
margin: 0 .5rem .5rem;
background: transparent;
border: 3px dashed $grey-300;
}
@ -228,7 +228,7 @@ $crazy-height-calculation: '100vh - 4.5rem - 1.5rem - 1em - 1.5em - 11px';
display: flex;
align-items: center;
justify-content: space-between;
padding: .5em;
padding: .5rem;
.limit {
padding-left: .5rem;
@ -245,13 +245,13 @@ $crazy-height-calculation: '100vh - 4.5rem - 1.5rem - 1em - 1.5em - 11px';
.title.input {
height: auto;
padding: .4em .5em;
padding: .4rem .5rem;
display: inline-block;
}
}
.bucket-footer {
padding: .5em;
padding: .5rem;
.button {
background-color: transparent;

View File

@ -10,14 +10,14 @@
}
.image-search-result {
margin-top: 1em;
margin-top: 1rem;
display: flex;
flex-flow: row wrap;
.image {
width: calc(100% / 5 - 1em);
width: calc(100% / 5 - 1rem);
height: 120px;
margin: .5em;
margin: .5rem;
background-size: cover;
background-position: center;
display: flex;
@ -30,7 +30,7 @@
}
@media screen and (max-width: $desktop) {
width: calc(100% / 4 - 1em);
width: calc(100% / 4 - 1rem);
&:nth-child(4n) {
page-break-after: always; // CSS 2.1 syntax
@ -39,7 +39,7 @@
}
@media screen and (max-width: $tablet) {
width: calc(100% / 2 - 1em);
width: calc(100% / 2 - 1rem);
&:nth-child(2n) {
page-break-after: always; // CSS 2.1 syntax
@ -48,7 +48,7 @@
}
@media screen and (max-width: ($mobile)) {
width: calc(100% - 1em);
width: calc(100% - 1rem);
&:nth-child(1n) {
page-break-after: always; // CSS 2.1 syntax
@ -61,10 +61,10 @@
display: block;
opacity: 0;
width: 100%;
padding: .25em 0;
padding: .25rem 0;
text-align: center;
background: rgba(0, 0, 0, 0.5);
font-size: .75em;
font-size: .75rem;
font-weight: bold;
color: $white;
transition: opacity $transition;

View File

@ -29,7 +29,7 @@
}
.task-add .button {
padding: 10px 1em;
padding: 10px 1rem;
height: 40px;
}
@ -56,7 +56,7 @@
}
.edit-list {
padding-bottom: 1em;
padding-bottom: 1rem;
}
.filter-container {
@ -65,7 +65,7 @@
min-width: 400px;
max-width: 180px;
position: absolute;
right: 1.5em;
right: 1.5rem;
margin-top: -59px;
z-index: 4;
@ -74,7 +74,7 @@
justify-content: flex-end;
.button:not(:last-child) {
margin-right: .5em;
margin-right: .5rem;
}
}
@ -95,7 +95,7 @@
display: flex;
align-items: center;
justify-content: space-between;
margin-right: .5em;
margin-right: .5rem;
.button, .input {
height: $switch-view-height;
@ -119,7 +119,7 @@
}
.filters input {
font-size: .9em;
font-size: .9rem;
}
@media screen and (max-width: $tablet) {

View File

@ -5,7 +5,7 @@
display: inline-block;
width: 100px;
text-transform: capitalize;
margin-right: 1em;
margin-right: 1rem;
img {
display: block;
@ -15,7 +15,7 @@
.migration-in-progress-container {
max-width: 400px;
margin: 4em auto 0;
margin: 4rem auto 0;
text-align: center;
}
@ -25,7 +25,7 @@
max-width: 400px;
justify-content: space-between;
align-items: center;
margin-bottom: 2em;
margin-bottom: 2rem;
img {
display: block;

View File

@ -54,7 +54,7 @@
top: 5px;
right: 26px;
color: $white;
font-size: 2em;
font-size: 2rem;
}
}
}

View File

@ -53,7 +53,7 @@ $lists-per-row: 5;
margin: 0 1rem 1rem 0;
padding: 1rem;
border-radius: $radius;
box-shadow: 0.3em 0.3em 1em $grey-300;
box-shadow: 0.3rem 0.3rem 1rem $grey-300;
transition: box-shadow $transition;
display: flex;
@ -61,7 +61,7 @@ $lists-per-row: 5;
flex-wrap: wrap;
&:hover {
box-shadow: 0 0 1em $grey-300;
box-shadow: 0 0 1rem $grey-300;
}
@media screen and (min-width: $widescreen) {
@ -105,7 +105,7 @@ $lists-per-row: 5;
text-align: right;
.is-archived {
font-size: .75em;
font-size: .75rem;
float: left;
}
}

View File

@ -2,15 +2,15 @@
background: $white;
display: inline-block;
border-radius: $radius;
font-size: .8em;
box-shadow: 0.3em 0.3em 0.8em $grey-200;
font-size: .8rem;
box-shadow: 0.3rem 0.3rem 0.8rem $grey-200;
height: $switch-view-height;
margin-bottom: 1rem;
a {
padding: .5em;
padding: .5rem;
display: inline-block;
margin: .4em;
margin: .4rem;
border-radius: $radius;
-webkit-transition: all 100ms;
@ -30,7 +30,7 @@
&.is-active {
background: $primary;
font-weight: bold;
box-shadow: 0.3em 0.3em 0.8em $grey-200;
box-shadow: 0.3rem 0.3rem 0.8rem $grey-200;
}
&:hover {

View File

@ -9,7 +9,7 @@
}
.is-done {
font-size: .9em;
font-size: .9rem;
margin: 0;
}
}

View File

@ -1,7 +1,7 @@
.task-view {
// This is a workaround to hide the llama background from the top on the task detail page
margin-top: -1.5em;
padding: 1em;
margin-top: -1.5rem;
padding: 1rem;
background-color: $light-background;
.subtitle {
@ -30,8 +30,8 @@
margin-bottom: 0;
&.input {
// 1.8rem is the font-size, 1.125 is the line-height, .3em padding everywhere, 1px border around the whole thing.
min-height: calc(1.8rem * 1.125 + .6em + 2px);
// 1.8rem is the font-size, 1.125 is the line-height, .3rem padding everywhere, 1px border around the whole thing.
min-height: calc(1.8rem * 1.125 + .6rem + 2px);
}
}
@ -45,7 +45,7 @@
align-items: start;
.title.input {
margin: 0 -.3em .5rem -.3em; // the title has 0.3em padding - this make the text inside of it align with the rest
margin: 0 -.3rem .5rem -.3rem; // the title has 0.3rem padding - this make the text inside of it align with the rest
}
}
}
@ -57,7 +57,7 @@
a.remove {
color: $red;
vertical-align: middle;
padding-left: .5em;
padding-left: .5rem;
line-height: 1;
}
}
@ -93,7 +93,7 @@
}
.details {
padding-bottom: 0.75em;
padding-bottom: 0.75rem;
flex-flow: row wrap;
.detail-title {
@ -187,7 +187,7 @@
.action-buttons {
a.button {
width: 100%;
margin-bottom: .5em;
margin-bottom: .5rem;
justify-content: left;
}
}
@ -223,9 +223,9 @@
.is-done {
background: $green;
color: $white;
padding: .5em;
font-size: 1.5em;
margin-left: .5em;
padding: .5rem;
font-size: 1.5rem;
margin-left: .5rem;
font-weight: bold;
line-height: 1;
border-radius: 4px;
@ -234,7 +234,7 @@
.modal-container .task-view {
border-radius: $radius;
padding: 1em;
padding: 1rem;
color: $text;
background-color: $light-background !important;

View File

@ -11,7 +11,7 @@ $remove-icon-width: 24px;
.related-tasks {
.title {
font-size: 1em;
font-size: 1rem;
margin: 0;
}

View File

@ -46,7 +46,7 @@
.task-list {
width: auto;
color: $grey-400;
font-size: .9em;
font-size: .9rem;
white-space: nowrap;
}
@ -60,7 +60,7 @@
}
.tag {
margin: 0 0.5em;
margin: 0 0.5rem;
}
.avatar {
@ -143,10 +143,10 @@
}
&.loader-container.is-loading:after {
top: calc(50% - 1em);
left: calc(50% - 1em);
width: 2em;
height: 2em;
top: calc(50% - 1rem);
left: calc(50% - 1rem);
width: 2rem;
height: 2rem;
border-left-color: $grey-300;
border-bottom-color: $grey-300;
}
@ -200,7 +200,7 @@
margin: 0;
li {
padding: 0.5em 0.5em 0;
padding: 0.5rem 0.5rem 0;
a {
float: right;
@ -211,8 +211,8 @@
}
.tag {
margin-right: 0.5em;
margin-bottom: 0.5em;
margin-right: 0.5rem;
margin-bottom: 0.5rem;
&:last-child {
margin-right: 0;
@ -226,7 +226,7 @@
&.nothing {
text-align: center;
margin-top: 3em;
margin-top: 3rem;
}
.input {
@ -237,7 +237,7 @@
}
img {
margin-top: 2em;
margin-top: 2rem;
}
.user img{
@ -245,7 +245,7 @@
}
.spinner.is-loading:after {
margin-left: calc(40% - 1em);
margin-left: calc(40% - 1rem);
}
}

View File

@ -42,7 +42,7 @@
.task-view {
border-radius: $radius;
margin-top: 1em;
margin-top: 1rem;
}
.kanban .tasks {

View File

@ -5,7 +5,7 @@
}
.app-content {
padding: $navbar-height + 1.5rem 1.5em 1rem 1.5em;
padding: $navbar-height + 1.5rem 1.5rem 1rem 1.5rem;
z-index: 2;
&.is-menu-enabled {
@ -14,7 +14,7 @@
@media screen and (max-width: $tablet) {
margin-left: 0;
padding-top: 1.5em;
padding-top: 1.5rem;
min-height: calc(100vh - 4rem);
&.is-menu-enabled {
@ -52,7 +52,7 @@
}
.media-content {
width: calc(100% - 48px - 2em);
width: calc(100% - 48px - 2rem);
}
.content h3 {

View File

@ -67,14 +67,14 @@
}
.select:after {
margin-top: -0.575em;
margin-top: -0.575rem;
}
.select select {
border-width: $thickness;
&:not([multiple]) {
height: calc(2.25em + #{$thickness});
height: calc(2.25rem + #{$thickness});
}
&.is-active,
@ -119,9 +119,9 @@
font-weight: 400 !important;
background: transparent;
border-color: transparent;
margin: 0 .3em;
margin: 0 .3rem;
height: auto;
padding: .3em;
padding: .3rem;
&:focus {
background: $input-background-color;

View File

@ -2,7 +2,7 @@
.logo {
max-width: 500px;
width: 90%;
margin: 2em 0 4em;
margin: 2rem 0 4rem;
}
.logout {

View File

@ -7,11 +7,11 @@
&:after {
@include loader;
position: absolute;
top: calc(50% - 2.5em);
left: calc(50% - 2.5em);
width: 5em;
height: 5em;
border-width: 0.25em;
top: calc(50% - 2.5rem);
left: calc(50% - 2.5rem);
width: 5rem;
height: 5rem;
border-width: 0.25rem;
}
}
}
@ -22,13 +22,13 @@
&:after {
@include loader;
width: 2em;
height: 2em;
margin-left: calc(50% - 1em);
width: 2rem;
height: 2rem;
margin-left: calc(50% - 1rem);
position: absolute;
margin-top: 1em;
margin-top: 1rem;
z-index: 999;
border-width: 0.25em;
border-width: 0.25rem;
}
}
}

View File

@ -90,7 +90,7 @@
}
.navbar-menu .navbar-item .icon {
margin: 0 0.5em;
margin: 0 0.5rem;
}
.navbar {
@ -110,7 +110,7 @@
overflow-x: auto;
width: $navbar-width;
padding: 0 0 1em;
padding: 0 0 1rem;
left: -147vw;
bottom: 0;
@ -125,13 +125,13 @@
.menu {
.menu-label {
font-size: 1em;
font-size: 1rem;
font-weight: 700;
font-weight: bold;
font-family: $vikunja-font;
color: $vikunja-nav-color;
font-weight: 500;
min-height: 2.5em;
min-height: 2.5rem;
padding-top: 0;
padding-left: $navbar-padding;
@ -239,7 +239,7 @@
text-align: center;
color: $grey-500;
cursor: pointer;
font-size: 0.8em;
font-size: 0.8rem;
}
.menu-list {
@ -255,7 +255,7 @@
}
span.list-menu-link, a {
padding: 0.75em .5em 0.75em $navbar-padding * 1.5;
padding: 0.75rem .5rem 0.75rem $navbar-padding * 1.5;
transition: all 0.2s ease;
-webkit-border-radius: 0;
@ -271,7 +271,7 @@
height: 1rem;
vertical-align: middle;
padding-bottom: 4px;
padding-right: 0.5em;
padding-right: 0.5rem;
}
&.router-link-exact-active {
@ -304,10 +304,10 @@
}
&.loader-container.is-loading:after {
width: 1.5em;
height: 1.5em;
top: calc(50% - .75em);
left: calc(50% - .75em);
width: 1.5rem;
height: 1.5rem;
top: calc(50% - .75rem);
left: calc(50% - .75rem);
border-width: 2px;
}
@ -326,7 +326,7 @@
}
span.list-menu-link, a {
padding-left: 2em;
padding-left: 2rem;
display: inline-block;
}
}
@ -368,7 +368,7 @@
.dropdown-menu {
.dropdown-content {
box-shadow: 0.3em 0.3em 0.8em $grey-300;
box-shadow: 0.3rem 0.3rem 0.8rem $grey-300;
}
}
}
@ -377,7 +377,7 @@
display: none;
z-index: 31;
font-weight: bold;
font-size: 2em;
font-size: 2rem;
color: $dark;
line-height: 1;
@ -434,7 +434,7 @@
}
.logout-icon {
margin-right: 0.85em !important;
margin-right: 0.85rem !important;
}
.menu-bottom-link {
@ -442,6 +442,6 @@
color: $grey-300;
text-align: center;
display: block;
margin: 1em 0;
font-size: .8em;
margin: 1rem 0;
font-size: .8rem;
}

View File

@ -3,8 +3,8 @@
}
.notifications {
left: 0.5em !important;
bottom: 1em !important;
left: 0.5rem !important;
bottom: 1rem !important;
.notification-wrapper .notification {
-webkit-border-radius: 0;
@ -13,7 +13,7 @@
border-top-width: 0;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0.4em;
border-left-width: 0.4rem;
}
}

View File

@ -10,15 +10,15 @@
width: 100vw;
bottom: 5vh;
color: $white;
padding: 0 1em;
padding: 0 1rem;
h1 {
font-weight: bold;
font-size: 1.5em;
font-size: 1.5rem;
text-align: center;
color: $white;
font-weight: 700 !important;
font-size: 1.5em;
font-size: 1.5rem;
}
}
}

View File

@ -81,7 +81,7 @@ button.table {
}
.pagination {
padding-bottom: 1em;
padding-bottom: 1rem;
.pagination-previous,
.pagination-next {

View File

@ -1,18 +1,18 @@
.update-notification {
margin: 1em;
margin: 1rem;
display: flex;
align-items: center;
background: $warning;
padding: 0 0 0 .5em;
padding: 0 0 0 .5rem;
border-radius: $radius;
font-size: .9em;
font-size: .9rem;
color: $grey-900;
justify-content: space-between;
@media screen and (max-width: $desktop) {
& {
position: fixed;
bottom: 1em;
bottom: 1rem;
margin: 0;
width: 450px;
left: calc(50vw - 225px);
@ -22,9 +22,9 @@
@media screen and (max-width: $tablet) {
& {
position: fixed;
left: 1em;
right: 1em;
bottom: 1em;
left: 1rem;
right: 1rem;
bottom: 1rem;
width: auto;
}
}
@ -35,6 +35,6 @@
}
.button {
margin-left: .5em;
margin-left: .5rem;
}
}

View File

@ -26,10 +26,10 @@ $vikunja-light-text: $grey-100;
$vikunja-blue: #7F23FF; // #7F23FF; // #5974d9
$vikunja-green: #4DB788;
$navbar-padding: 2em;
$navbar-padding: 2rem;
$vikunja-nav-background: $light-background;
$vikunja-nav-color: $grey-800;
$vikunja-nav-selected-width: 0.4em;
$vikunja-nav-selected-width: 0.4rem;
$transition-duration: 150ms;
$transition: $transition-duration ease;
@ -39,7 +39,7 @@ $scrollbar-track-color: $grey-300;
$scrollbar-thumb-color: $grey-500;
$scrollbar-hover-color: $grey-700;
$button-height: 2.648em;
$button-height: 2.648rem;
$switch-view-height: 43px;

View File

@ -186,7 +186,7 @@ export default {
<style scoped>
.button {
margin: 0 0.4em 0 0;
margin: 0 0.4rem 0 0;
}
.reset-password-link {

View File

@ -114,6 +114,6 @@ export default {
<style scoped>
.button {
margin: 0 0.4em 0 0;
margin: 0 0.4rem 0 0;
}
</style>

View File

@ -85,6 +85,6 @@ export default {
<style scoped>
.button {
margin: 0 0.4em 0 0;
margin: 0 0.4rem 0 0;
}
</style>

View File

@ -64,7 +64,7 @@
"@apollographql/graphql-language-service-types@^2.0.0":
version "2.0.2"
resolved "https://registry.yarnpkg.com/@apollographql/graphql-language-service-types/-/graphql-language-service-types-2.0.2.tgz#1034e47eb7479129959c1bed2ee12d874aab5cab"
integrity sha512-vE+Dz8pG+Xa1Z2nMl82LoO66lQ6JqBUjaXqLDvS3eMjvA3N4hf+YUDOWfPdNZ0zjhHhHXzUIIZCkax6bXfFbzQ==
integrity sha512-vE+Dz8pG+Xa1Z2nMl82LoO66lQ6JqBUjaXqLDvS3remjvA3N4hf+YUDOWfPdNZ0zjhHhHXzUIIZCkax6bXfFbzQ==
"@apollographql/graphql-language-service-utils@^2.0.2":
version "2.0.2"
@ -310,7 +310,7 @@
"@babel/helper-function-name@^7.10.4":
version "7.10.4"
resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.10.4.tgz#d2d3b20c59ad8c47112fa7d2a94bc09d5ef82f1a"
integrity sha512-YdaSyz1n8gY44EmN7x44zBn9zQ1Ry2Y+3GTA+3vH6Mizke1Vw0aWDM66FOYEPw8//qKkmqOckrGgTYa+6sceqQ==
integrity sha512-YdaSyz1n8gY44remN7x44zBn9zQ1Ry2Y+3GTA+3vH6Mizke1Vw0aWDM66FOYEPw8//qKkmqOckrGgTYa+6sceqQ==
dependencies:
"@babel/helper-get-function-arity" "^7.10.4"
"@babel/template" "^7.10.4"
@ -722,7 +722,7 @@
"@babel/plugin-proposal-numeric-separator@^7.10.4":
version "7.10.4"
resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.10.4.tgz#ce1590ff0a65ad12970a609d78855e9a4c1aef06"
integrity sha512-73/G7QoRoeNkLZFxsoCCvlg4ezE4eM+57PnOqgaPOozd5myfj7p0muD1mRVJvbUWbOzD+q3No2bWbaKy+DJ8DA==
integrity sha512-73/G7QoRoeNkLZFxsoCCvlg4ezE4rem+57PnOqgaPOozd5myfj7p0muD1mRVJvbUWbOzD+q3No2bWbaKy+DJ8DA==
dependencies:
"@babel/helper-plugin-utils" "^7.10.4"
"@babel/plugin-syntax-numeric-separator" "^7.10.4"
@ -764,7 +764,7 @@
"@babel/plugin-proposal-private-methods@^7.10.4":
version "7.10.4"
resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.10.4.tgz#b160d972b8fdba5c7d111a145fc8c421fc2a6909"
integrity sha512-wh5GJleuI8k3emgTg5KkJK6kHNsGEr0uBTDBuQUBJwckk9xs1ez79ioheEVVxMLyPscB0LfkbVHslQqIzWV6Bw==
integrity sha512-wh5GJleuI8k3remgTg5KkJK6kHNsGEr0uBTDBuQUBJwckk9xs1ez79ioheEVVxMLyPscB0LfkbVHslQqIzWV6Bw==
dependencies:
"@babel/helper-create-class-features-plugin" "^7.10.4"
"@babel/helper-plugin-utils" "^7.10.4"
@ -851,7 +851,7 @@
"@babel/plugin-syntax-json-strings@^7.8.0", "@babel/plugin-syntax-json-strings@^7.8.3":
version "7.8.3"
resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz#01ca21b668cd8218c9e640cb6dd88c5412b2c96a"
integrity sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==
integrity sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69remxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==
dependencies:
"@babel/helper-plugin-utils" "^7.8.0"
@ -1122,7 +1122,7 @@
"@babel/plugin-transform-new-target@^7.10.4":
version "7.10.4"
resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.10.4.tgz#9097d753cb7b024cb7381a3b2e52e9513a9c6888"
integrity sha512-YXwWUDAH/J6dlfwqlWsztI2Puz1NtUAubXhOPLQ5gjR/qmQ5U96DY4FQO8At33JN4XPBhrjB8I4eMmLROjjLjw==
integrity sha512-YXwWUDAH/J6dlfwqlWsztI2Puz1NtUAubXhOPLQ5gjR/qmQ5U96DY4FQO8At33JN4XPBhrjB8I4remmLROjjLjw==
dependencies:
"@babel/helper-plugin-utils" "^7.10.4"
@ -1867,7 +1867,7 @@
"@oclif/color@^0.0.0":
version "0.0.0"
resolved "https://registry.yarnpkg.com/@oclif/color/-/color-0.0.0.tgz#54939bbd16d1387511bf1a48ccda1a417248e6a9"
integrity sha512-KKd3W7eNwfNF061tr663oUNdt8EMnfuyf5Xv55SGWA1a0rjhWqS/32P7OeB7CbXcJUBdfVrPyR//1afaW12AWw==
integrity sha512-KKd3W7eNwfNF061tr663oUNdt8remnfuyf5Xv55SGWA1a0rjhWqS/32P7OeB7CbXcJUBdfVrPyR//1afaW12AWw==
dependencies:
ansi-styles "^3.2.1"
supports-color "^5.4.0"
@ -2299,7 +2299,7 @@
"@types/http-proxy-middleware@*":
version "0.19.3"
resolved "https://registry.yarnpkg.com/@types/http-proxy-middleware/-/http-proxy-middleware-0.19.3.tgz#b2eb96fbc0f9ac7250b5d9c4c53aade049497d03"
integrity sha512-lnBTx6HCOUeIJMLbI/LaL5EmdKLhczJY5oeXZpX/cXE4rRqb3RmV7VcMpiEfYkmTjipv3h7IAyIINe4plEv7cA==
integrity sha512-lnBTx6HCOUeIJMLbI/LaL5remdKLhczJY5oeXZpX/cXE4rRqb3RmV7VcMpiEfYkmTjipv3h7IAyIINe4plEv7cA==
dependencies:
"@types/connect" "*"
"@types/http-proxy" "*"
@ -2308,7 +2308,7 @@
"@types/http-proxy@*":
version "1.17.4"
resolved "https://registry.yarnpkg.com/@types/http-proxy/-/http-proxy-1.17.4.tgz#e7c92e3dbe3e13aa799440ff42e6d3a17a9d045b"
integrity sha512-IrSHl2u6AWXduUaDLqYpt45tLVCtYv7o4Z0s1KghBCDgIIS9oW5K1H8mZG/A2CfeLdEa7rTd1ACOiHBc1EMT2Q==
integrity sha512-IrSHl2u6AWXduUaDLqYpt45tLVCtYv7o4Z0s1KghBCDgIIS9oW5K1H8mZG/A2CfeLdEa7rTd1ACOiHBc1remT2Q==
dependencies:
"@types/node" "*"
@ -2876,7 +2876,7 @@
"@vue/compiler-core@3.0.0-rc.5":
version "3.0.0-rc.5"
resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.0.0-rc.5.tgz#dd4f1816fcae34a81bc60e584f97993cad284d54"
integrity sha512-dNz5AObEYg0Oglw3emIsBhTAOVfObrfxDaAzR0UTRDDq+Ohfr6KTSaVQAH88Ym+oa08ZlLZBFc6ARe9doAOIxg==
integrity sha512-dNz5AObEYg0Oglw3remIsBhTAOVfObrfxDaAzR0UTRDDq+Ohfr6KTSaVQAH88Ym+oa08ZlLZBFc6ARe9doAOIxg==
dependencies:
"@babel/parser" "^7.10.4"
"@babel/types" "^7.10.4"
@ -3073,7 +3073,7 @@
"@webassemblyjs/wasm-edit@1.8.5":
version "1.8.5"
resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.8.5.tgz#962da12aa5acc1c131c81c4232991c82ce56e01a"
integrity sha512-A41EMy8MWw5yvqj7MQzkDjU29K7UJq1VrX2vWLzfpRHt3ISftOXqrtojn7nlPsZ9Ijhp5NwuODuycSvfAO/26Q==
integrity sha512-A41remy8MWw5yvqj7MQzkDjU29K7UJq1VrX2vWLzfpRHt3ISftOXqrtojn7nlPsZ9Ijhp5NwuODuycSvfAO/26Q==
dependencies:
"@webassemblyjs/ast" "1.8.5"
"@webassemblyjs/helper-buffer" "1.8.5"
@ -4083,7 +4083,7 @@ astral-regex@^1.0.0:
astral-regex@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-2.0.0.tgz#483143c567aeed4785759c0865786dc77d7d2e31"
integrity sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==
integrity sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18remLGPal0bp36rvQ==
async-each@^1.0.1:
version "1.0.3"
@ -6807,7 +6807,7 @@ eslint-visitor-keys@^1.3.0:
eslint-visitor-keys@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.0.0.tgz#21fdc8fbcd9c795cc0321f0563702095751511a8"
integrity sha512-QudtT6av5WXels9WjIM7qz1XD1cWGvX4gGXvp/zBn9nXG02D0utdU3Em2m/QjTnrsk6bBjmCygl3rmj118msQQ==
integrity sha512-QudtT6av5WXels9WjIM7qz1XD1cWGvX4gGXvp/zBn9nXG02D0utdU3rem2m/QjTnrsk6bBjmCygl3rmj118msQQ==
eslint@7.18.0:
version "7.18.0"
@ -10943,7 +10943,7 @@ node-forge@0.9.0:
node-gyp@^7.1.0:
version "7.1.2"
resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-7.1.2.tgz#21a810aebb187120251c3bcec979af1587b188ae"
integrity sha512-CbpcIo7C3eMu3dL1c3d0xw449fHIGALIJsRP4DDPHpyiW8vcriNY7ubh9TE4zEKfSxscY7PjeFnshE7h75ynjQ==
integrity sha512-CbpcIo7C3remu3dL1c3d0xw449fHIGALIJsRP4DDPHpyiW8vcriNY7ubh9TE4zEKfSxscY7PjeFnshE7h75ynjQ==
dependencies:
env-paths "^2.2.0"
glob "^7.1.4"
@ -11486,7 +11486,7 @@ p-limit@^2.2.0, p-limit@^2.2.1:
p-locate@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43"
integrity sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=
integrity sha1-IKAQOyIqcMj9OcwuWAaA893l7rem=
dependencies:
p-limit "^1.1.0"
@ -11526,7 +11526,7 @@ p-retry@^3.0.1:
p-timeout@^2.0.1:
version "2.0.1"
resolved "https://registry.yarnpkg.com/p-timeout/-/p-timeout-2.0.1.tgz#d8dd1979595d2dc0139e1fe46b8b646cb3cdf038"
integrity sha512-88em58dDVB/KzPEx1X0N3LwFfYZPyDc4B6eF38M1rk9VTZMbxXXgjugz8mmwpS9Ox4BDZ+t6t3QP5+/gazweIA==
integrity sha512-88rem58dDVB/KzPEx1X0N3LwFfYZPyDc4B6eF38M1rk9VTZMbxXXgjugz8mmwpS9Ox4BDZ+t6t3QP5+/gazweIA==
dependencies:
p-finally "^1.0.0"
@ -11751,7 +11751,7 @@ path-type@^1.0.0:
path-type@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/path-type/-/path-type-3.0.0.tgz#cef31dc8e0a1a3bb0d105c0cd97cf3bf47f4e36f"
integrity sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==
integrity sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1remVIByWt1gxGkWvg==
dependencies:
pify "^3.0.0"
@ -13108,7 +13108,7 @@ run-queue@^1.0.0, run-queue@^1.0.3:
rxjs@^6.3.3, rxjs@^6.5.3:
version "6.5.5"
resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.5.5.tgz#c5c884e3094c8cfee31bf27eb87e54ccfc87f9ec"
integrity sha512-WfQI+1gohdf0Dai/Bbmk5L5ItH5tYqm3ki2c5GdWhKjalzjg93N3avFjVStyZZz+A2Em+ZxKH5bNghw9UeylGQ==
integrity sha512-WfQI+1gohdf0Dai/Bbmk5L5ItH5tYqm3ki2c5GdWhKjalzjg93N3avFjVStyZZz+A2rem+ZxKH5bNghw9UeylGQ==
dependencies:
tslib "^1.9.0"
@ -13355,7 +13355,7 @@ serve-index@^1.9.1:
serve-static@1.14.1:
version "1.14.1"
resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.14.1.tgz#666e636dc4f010f7ef29970a88a674320898b2f9"
integrity sha512-JMrvUwE54emCYWlTI+hGrGv5I8dEwmco/00EvkzIIsR7MqrHonbD9pO2MOfFnpFntl7ecpZs+3mW+XbQZu9QCg==
integrity sha512-JMrvUwE54remCYWlTI+hGrGv5I8dEwmco/00EvkzIIsR7MqrHonbD9pO2MOfFnpFntl7ecpZs+3mW+XbQZu9QCg==
dependencies:
encodeurl "~1.0.2"
escape-html "~1.0.3"
@ -13453,7 +13453,7 @@ shortid@^2.2.15:
signal-exit@^3.0.0, signal-exit@^3.0.2:
version "3.0.3"
resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.3.tgz#a1410c2edd8f077b08b4e253c8eacfcaf057461c"
integrity sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2EMuFRoeDoJO7wthSLq42EjA==
integrity sha512-VUJ49FC8U1OxwZLxIbTTrDvLnf/6TDgxZcK8wxR8zs13xpx7xbG60ndBlhNrFi2remuFRoeDoJO7wthSLq42EjA==
simple-swizzle@^0.2.2:
version "0.2.2"
@ -13784,7 +13784,7 @@ static-extend@^0.1.1:
stdout-stream@^1.4.0:
version "1.4.1"
resolved "https://registry.yarnpkg.com/stdout-stream/-/stdout-stream-1.4.1.tgz#5ac174cdd5cd726104aa0c0b2bd83815d8d535de"
integrity sha512-j4emi03KXqJWcIeF8eIXkjMFN1Cmb8gUlDYGeBALLPo5qdyTfA9bOtl8m33lRoC+vFMkP3gl0WsDr6+gzxbbTA==
integrity sha512-j4remi03KXqJWcIeF8eIXkjMFN1Cmb8gUlDYGeBALLPo5qdyTfA9bOtl8m33lRoC+vFMkP3gl0WsDr6+gzxbbTA==
dependencies:
readable-stream "^2.0.1"
@ -13850,7 +13850,7 @@ string-hash@^1.1.1:
string-length@^4.0.1:
version "4.0.1"
resolved "https://registry.yarnpkg.com/string-length/-/string-length-4.0.1.tgz#4a973bf31ef77c4edbceadd6af2611996985f8a1"
integrity sha512-PKyXUd0LK0ePjSOnWn34V2uD6acUWev9uy0Ft05k0E8xRW+SKcA0F7eMr7h5xlzfn+4O3N+55rduYyet3Jk+jw==
integrity sha512-PKyXUd0LK0ePjSOnWn34V2uD6acUWev9uy0Ft05k0E8xRW+SKcA0F7remr7h5xlzfn+4O3N+55rduYyet3Jk+jw==
dependencies:
char-regex "^1.0.2"
strip-ansi "^6.0.0"
@ -13941,7 +13941,7 @@ string_decoder@~1.1.1:
stringify-object@^3.3.0:
version "3.3.0"
resolved "https://registry.yarnpkg.com/stringify-object/-/stringify-object-3.3.0.tgz#703065aefca19300d3ce88af4f5b3956d7556629"
integrity sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==
integrity sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1remkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==
dependencies:
get-own-enumerable-property-symbols "^3.0.0"
is-obj "^1.0.1"
@ -15182,7 +15182,7 @@ vue-loader@^15.9.2:
vue-notification@1.3.20:
version "1.3.20"
resolved "https://registry.yarnpkg.com/vue-notification/-/vue-notification-1.3.20.tgz#d85618127763b46f3e25b8962b857947d5a97cbe"
integrity sha512-vPj67Ah72p8xvtyVE8emfadqVWguOScAjt6OJDEUdcW5hW189NsqvfkOrctxHUUO9UYl9cTbIkzAEcPnHu+zBQ==
integrity sha512-vPj67Ah72p8xvtyVE8remfadqVWguOScAjt6OJDEUdcW5hW189NsqvfkOrctxHUUO9UYl9cTbIkzAEcPnHu+zBQ==
vue-router@3.4.9:
version "3.4.9"
@ -15747,7 +15747,7 @@ write-file-atomic@^3.0.0:
ws@^5.2.0:
version "5.2.2"
resolved "https://registry.yarnpkg.com/ws/-/ws-5.2.2.tgz#dffef14866b8e8dc9133582514d1befaf96e980f"
integrity sha512-jaHFD6PFv6UgoIVda6qZllptQsMlDEJkTQcybzzXDYM1XO9Y8em691FGMPmM46WGyLU4z9KMgQN+qrux/nhlHA==
integrity sha512-jaHFD6PFv6UgoIVda6qZllptQsMlDEJkTQcybzzXDYM1XO9Y8rem691FGMPmM46WGyLU4z9KMgQN+qrux/nhlHA==
dependencies:
async-limiter "~1.0.0"
@ -15814,7 +15814,7 @@ yallist@^3.0.2:
yallist@^4.0.0:
version "4.0.0"
resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2remQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
yaml-front-matter@^3.4.1:
version "3.4.1"