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 { &:before {
font: normal normal normal 14px/1 ForkAwesome; font: normal normal normal 14px/1 ForkAwesome;
margin-left: 0.5em; margin-left: 0.5em;
margin-right: 0.5rem;
content: "\f00d"; // fa-times content: "\f00d"; // fa-times
color: var(--bs-danger); color: var(--bs-danger);
text-decoration: none; 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 { &.add-items {
li { li {
position: relative;
span {
cursor: pointer; cursor: pointer;
padding-left: 2rem;
}
& > span:before { & > span:before {
font: normal normal normal 14px/1 ForkAwesome; font: normal normal normal 14px/1 ForkAwesome;
margin-right: 0.5em; margin-right: 0.5em;
content: "\f067"; // fa-plus content: "\f067"; // fa-plus
color: var(--bs-success); 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 { & span:hover {
color: $chill-l-gray; color: $chill-l-gray;
@ -71,11 +50,8 @@ ul.list-suggest {
} }
&.remove-items { &.remove-items {
li { li {
position: relative; a {
span {
@include remove_link; @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 /// manage remove link if it isn't a list but a title
/// (cfr. in Vue AccompanyingCourseWorkEdit) /// (cfr. in Vue AccompanyingCourseWorkEdit)
div.item-title { div.item-title {
span { a {
position: relative;
padding-right: .75rem;
padding-left: .5rem;
display: block;
@include remove_link; @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 { h2.badge-title {
span.title_label { span.title_label {
// Calculate same color then border:groove // Calculate same color then border:groove
background-color: shade-color($social-action-color, 34%); background-color: shade-color($social-action-color, 34%);
} }
span.title_action { span.title_action {
@include badge_social($social-action-color); @include dashboard_like_badge($social-action-color);
}
} }
} }