styling adjusted

This commit is contained in:
2021-12-13 18:36:06 +01:00
parent 4970cf000e
commit a983b34f0d
4 changed files with 55 additions and 45 deletions

View File

@@ -9,6 +9,14 @@
content: "\f00d"; // fa-times
color: var(--bs-danger);
text-decoration: none;
position: absolute;
display: block;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@@ -37,12 +45,24 @@ ul.list-suggest {
}
&.add-items {
li {
cursor: pointer;
position: relative;
span {
cursor: pointer;
padding-left: 2rem;
}
& > span:before {
font: normal normal normal 14px/1 ForkAwesome;
margin-right: 0.5em;
content: "\f067"; // fa-plus
color: var(--bs-success);
position: absolute;
display: block;
top: 50%;
left: .75rem;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
& span:hover {
color: $chill-l-gray;
@@ -51,8 +71,11 @@ ul.list-suggest {
}
&.remove-items {
li {
a {
position: relative;
span {
@include remove_link;
display: block;
padding-right: .75rem;
}
}
}
@@ -61,7 +84,14 @@ ul.list-suggest {
/// manage remove link if it isn't a list but a title
/// (cfr. in Vue AccompanyingCourseWorkEdit)
div.item-title {
a {
span {
position: relative;
padding-right: .75rem;
padding-left: .5rem;
display: block;
@include remove_link;
background-color: #f3f3f3;
border-radius: .25rem;
border-left: 1rem solid #16d9b4;
}
}