ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Update styling

This commit is contained in:
Ramon Wenger 2022-01-20 16:22:08 +01:00
parent 20876a0bf2
commit d3c790d221
6 changed files with 37 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/components/content-block-form/AddContentLink.vue
View File

@ -31,7 +31,7 @@
&__text { &__text {
// custom style, because the view needs this // custom style, because the view needs this
@include link-base; @include link-base;
font-weight: $font-weight-bold; font-weight: $font-weight-semibold;
color: $color; color: $color;
} }
} }

11
client/src/components/content-block-form/ContentElement.vue
View File

@ -174,10 +174,13 @@
@import '~styles/helpers'; @import '~styles/helpers';
.content-element { .content-element {
display: grid; &__section {
grid-template-columns: 1fr 50px; display: grid;
grid-auto-rows: auto; grid-template-columns: 1fr 50px;
/*width: 95%; // reserve space for scrollbar*/ grid-auto-rows: auto;
/*width: 95%; // reserve space for scrollbar*/
}
&__chooser { &__chooser {
grid-column: 1 / span 2; grid-column: 1 / span 2;
} }

1
client/src/components/content-forms/ContentBlockElementChooserWidget.vue
View File

@ -148,7 +148,6 @@
//border: 2px solid $color-silver-dark; //border: 2px solid $color-silver-dark;
//border-radius: 12px; //border-radius: 12px;
position: relative; position: relative;
margin-bottom: 20px;
/*IE10+*/ /*IE10+*/
& > :nth-child(1) { & > :nth-child(1) {

2
client/src/components/content-forms/TextForm.vue
View File

@ -39,7 +39,7 @@
.text-form { .text-form {
&__input { &__input {
width: $modal-input-width; width: 100%;
} }
} }
</style> </style>

10
client/src/pages/createContentBlock.vue
View File

@ -218,6 +218,16 @@
margin-bottom: $large-spacing; margin-bottom: $large-spacing;
} }
&__add-button {
}
&__segment {
margin-bottom: $large-spacing;
:last-child {
margin-bottom: 0;
}
}
&__content { &__content {
grid-area: content; grid-area: content;
overflow-x: visible; overflow-x: visible;

19
client/src/styles/_nested-content-lists.scss
View File

@ -11,7 +11,7 @@
&__item { &__item {
list-style: none; list-style: none;
position: relative; position: relative;
padding: 0 0 0 2*15px; padding: 0 0 0 $large-spacing;
&:before { &:before {
content: counter(content-items, lower-alpha) ")"; content: counter(content-items, lower-alpha) ")";
counter-increment: content-items; counter-increment: content-items;
@ -19,7 +19,24 @@
font-weight: 600; font-weight: 600;
left: 0; left: 0;
color: $color-brand; color: $color-brand;
font-family: $sans-serif-font-family;
line-height: 27px; line-height: 27px;
top: -30px;
}
}
$parent: &;
&--creator {
padding-top: $medium-spacing;
padding-left: 10px;
#{$parent}__item {
border-left: 2px solid $color-brand;
padding: $small-spacing 0 $small-spacing $medium-spacing;
&:before {
left: -8px;
}
} }
} }
} }