@@ -154,6 +154,7 @@ export default {
|
|||||||
.visualdiff ins {
|
.visualdiff ins {
|
||||||
color: green;
|
color: green;
|
||||||
}
|
}
|
||||||
|
|
||||||
.visualdiff del {
|
.visualdiff del {
|
||||||
color: darkred;
|
color: darkred;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -350,6 +350,7 @@ export default {
|
|||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.filter--item {
|
.filter--item {
|
||||||
input + label {
|
input + label {
|
||||||
display: block;
|
display: block;
|
||||||
@@ -366,11 +367,13 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.filter {
|
.filter {
|
||||||
width: 250px;
|
width: 250px;
|
||||||
max-height: 80vh;
|
max-height: 80vh;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.filter h3 {
|
.filter h3 {
|
||||||
margin-top: 0px;
|
margin-top: 0px;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
|
|||||||
@@ -131,7 +131,7 @@ export default {
|
|||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
@import "../../css/animations.scss";
|
@import '../../css/animations.scss';
|
||||||
|
|
||||||
$board-spacing: 15px;
|
$board-spacing: 15px;
|
||||||
$stack-spacing: 10px;
|
$stack-spacing: 10px;
|
||||||
|
|||||||
@@ -178,20 +178,25 @@ export default {
|
|||||||
#shareWithList {
|
#shareWithList {
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#shareWithList li {
|
#shareWithList li {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.username {
|
.username {
|
||||||
padding: 12px 9px;
|
padding: 12px 9px;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.board-owner-label {
|
.board-owner-label {
|
||||||
opacity: .7;
|
opacity: .7;
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatarLabel {
|
.avatarLabel {
|
||||||
padding: 6px
|
padding: 6px
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatardiv {
|
.avatardiv {
|
||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
|
|||||||
@@ -295,6 +295,7 @@ export default {
|
|||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.stack .smooth-dnd-container.vertical {
|
.stack .smooth-dnd-container.vertical {
|
||||||
margin-top: 3px;
|
margin-top: 3px;
|
||||||
}
|
}
|
||||||
@@ -307,6 +308,7 @@ export default {
|
|||||||
.slide-top-leave-active {
|
.slide-top-leave-active {
|
||||||
transition: all 100ms ease;
|
transition: all 100ms ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.slide-top-enter, .slide-top-leave-to {
|
.slide-top-enter, .slide-top-leave-to {
|
||||||
transform: translateY(-10px);
|
transform: translateY(-10px);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
|||||||
@@ -501,12 +501,14 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
@import "~easymde/dist/easymde.min.css";
|
@import '~easymde/dist/easymde.min.css';
|
||||||
|
|
||||||
.vue-easymde, .CodeMirror {
|
.vue-easymde, .CodeMirror {
|
||||||
border: none;
|
border: none;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.editor-preview,
|
.editor-preview,
|
||||||
.editor-statusbar {
|
.editor-statusbar {
|
||||||
display: none;
|
display: none;
|
||||||
@@ -615,7 +617,7 @@ export default {
|
|||||||
min-height: 100px;
|
min-height: 100px;
|
||||||
|
|
||||||
&::v-deep {
|
&::v-deep {
|
||||||
@import "./../../css/markdown";
|
@import './../../css/markdown';
|
||||||
}
|
}
|
||||||
|
|
||||||
&::v-deep input {
|
&::v-deep input {
|
||||||
|
|||||||
@@ -115,5 +115,5 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@import "../../css/comments";
|
@import '../../css/comments';
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -173,7 +173,7 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@import "../../css/comments";
|
@import '../../css/comments';
|
||||||
|
|
||||||
.atwho-wrap {
|
.atwho-wrap {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@@ -172,7 +172,7 @@ export default {
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
@import "../../css/comments";
|
@import '../../css/comments';
|
||||||
|
|
||||||
.reply {
|
.reply {
|
||||||
border-left: 3px solid var(--color-primary-element);
|
border-left: 3px solid var(--color-primary-element);
|
||||||
@@ -195,6 +195,7 @@ export default {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment--content::v-deep a {
|
.comment--content::v-deep a {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -143,6 +143,7 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar-list {
|
.avatar-list {
|
||||||
float: right;
|
float: right;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
@@ -169,6 +170,7 @@ export default {
|
|||||||
margin-right: 1px;
|
margin-right: 1px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.popovermenu {
|
.popovermenu {
|
||||||
display: block;
|
display: block;
|
||||||
margin: 40px -6px;
|
margin: 40px -6px;
|
||||||
|
|||||||
@@ -127,6 +127,7 @@ export default {
|
|||||||
.fade-enter-active, .fade-leave-active {
|
.fade-enter-active, .fade-leave-active {
|
||||||
transition: opacity .125s;
|
transition: opacity .125s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fade-enter, .fade-leave-to {
|
.fade-enter, .fade-leave-to {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -259,9 +259,11 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.duedate {
|
.duedate {
|
||||||
margin-right: 9px;
|
margin-right: 9px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.right {
|
.right {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
|
|||||||
@@ -158,6 +158,7 @@ export default {
|
|||||||
color: var(--color-text-light);
|
color: var(--color-text-light);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .app-navigation-toggle {
|
::v-deep .app-navigation-toggle {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -87,7 +87,7 @@ export default {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
|
|
||||||
input[type="text"] {
|
input[type='text'] {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -248,7 +248,7 @@ export default {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
|
|
||||||
input[type="text"] {
|
input[type='text'] {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
.fade-enter-active {
|
.fade-enter-active {
|
||||||
transition: opacity 250ms;
|
transition: opacity 250ms;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fade-enter, .fade-leave-to {
|
.fade-enter, .fade-leave-to {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
@@ -9,6 +10,7 @@
|
|||||||
.zoom-enter-active {
|
.zoom-enter-active {
|
||||||
animation: zoom-in var(--animation-quick);
|
animation: zoom-in var(--animation-quick);
|
||||||
}
|
}
|
||||||
|
|
||||||
.zoom-leave-active {
|
.zoom-leave-active {
|
||||||
animation: zoom-in var(--animation-quick) reverse;
|
animation: zoom-in var(--animation-quick) reverse;
|
||||||
will-change: transform;
|
will-change: transform;
|
||||||
|
|||||||
@@ -12,7 +12,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="submit"] {
|
input[type='submit'] {
|
||||||
width: 44px;
|
width: 44px;
|
||||||
height: 44px;
|
height: 44px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@@ -25,9 +25,11 @@
|
|||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment {
|
.comment {
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comment--header {
|
.comment--header {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
@@ -74,17 +74,19 @@ input[type=checkbox] {
|
|||||||
min-height: 12px;
|
min-height: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
li input[type="checkbox"].checkbox + label::before {
|
li input[type='checkbox'].checkbox + label::before {
|
||||||
margin-left: -15px;
|
margin-left: -15px;
|
||||||
|
|
||||||
}
|
}
|
||||||
input[type="checkbox"].checkbox + label::before {
|
|
||||||
|
input[type='checkbox'].checkbox + label::before {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
li input[type="checkbox"].checkbox:not(:checked) + label::before {
|
|
||||||
|
li input[type='checkbox'].checkbox:not(:checked) + label::before {
|
||||||
background-color: var(--color-main-background);
|
background-color: var(--color-main-background);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user