mirror of
https://gitlab.com/Chill-Projet/chill-bundles.git
synced 2025-08-20 22:53:49 +00:00
styling adjusted
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user