revert some scss conflicts with suggest-list

This commit is contained in:
Mathieu Jaumotte 2021-12-16 22:18:17 +01:00
parent d588c36308
commit 37ed6b7591
2 changed files with 14 additions and 42 deletions

View File

@ -5,18 +5,9 @@
&:before {
font: normal normal normal 14px/1 ForkAwesome;
margin-left: 0.5em;
margin-right: 0.5rem;
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%);
}
}
@ -45,24 +36,12 @@ ul.list-suggest {
}
&.add-items {
li {
position: relative;
span {
cursor: pointer;
padding-left: 2rem;
}
cursor: pointer;
& > 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;
@ -71,11 +50,8 @@ ul.list-suggest {
}
&.remove-items {
li {
position: relative;
span {
a {
@include remove_link;
display: block;
padding-right: .75rem;
}
}
}
@ -84,14 +60,7 @@ ul.list-suggest {
/// manage remove link if it isn't a list but a title
/// (cfr. in Vue AccompanyingCourseWorkEdit)
div.item-title {
span {
position: relative;
padding-right: .75rem;
padding-left: .5rem;
display: block;
a {
@include remove_link;
background-color: #f3f3f3;
border-radius: .25rem;
border-left: 1rem solid #16d9b4;
}
}

View File

@ -120,15 +120,18 @@ ul.columns { // XS:1 SM:2 MD:1 LG:2 XL:2 XXL:2
}
}
/// badge_title in AccompanyingCourse Work list Page
/// dashboard_like_badge in AccompanyingCourse Work list Page
div.accompanying_course_work-list {
div.dashboard,
h2.badge-title {
span.title_label {
// Calculate same color then border:groove
background-color: shade-color($social-action-color, 34%);
}
span.title_action {
@include dashboard_like_badge($social-action-color);
}
h2.badge-title {
span.title_label {
// Calculate same color then border:groove
background-color: shade-color($social-action-color, 34%);
}
span.title_action {
@include badge_social($social-action-color);
}
}