styles sheets cleaning

This commit is contained in:
Mathieu Jaumotte 2021-11-26 16:53:19 +01:00
parent 74660448a1
commit 40ca1e276b
4 changed files with 70 additions and 87 deletions

View File

@ -205,9 +205,9 @@ footer.footer {
} }
} }
/* /*
* SPECIFIC RULES * GENERIC MAIN STYLES
* miscellaneous
*/ */
/// titles /// titles
@ -283,7 +283,6 @@ div.metadata {
} }
/// chill help tooltip /// chill help tooltip
.chill-help-tooltip { .chill-help-tooltip {
&::before { &::before {
content: '\f05a'; content: '\f05a';
@ -298,7 +297,6 @@ div.metadata {
/// display definition list /// display definition list
// with dt and dd on same line // with dt and dd on same line
dl.definition-inline { dl.definition-inline {
dd { dd {
display: inline; display: inline;
@ -320,6 +318,19 @@ dl.definition-inline {
font-style: italic; font-style: italic;
} }
/// flash
div#flashMessages {
margin-top: 20px;
.flash-notice {
margin-top: 10px;
margin-bottom: 10px;
}
}
/*
* SPECIFIC RULES
*/
//// still used ? //// still used ?
// move from chillmain.css, converted to sass // move from chillmain.css, converted to sass
@ -372,14 +383,6 @@ div#usefulbar {
} }
} }
div#flashMessages {
margin-top: 20px;
.flash-notice {
margin-top: 10px;
margin-bottom: 10px;
}
}
.personName { .personName {
font-variant: small-caps; font-variant: small-caps;
text-transform: capitalize; text-transform: capitalize;

View File

@ -1,8 +1,5 @@
/// /// mixin used in this sheet
/// A specific list of badges used to manage suggestions (with add/remove link)
/// use bootstrap badge styles, cfr. src/Bundle/ChillMainBundle/Resources/public/module/bootstrap/_custom.scss
///
@mixin remove_link { @mixin remove_link {
cursor: pointer; cursor: pointer;
&:before { &:before {
@ -14,6 +11,12 @@
} }
} }
/*
* SUGGESTIONS LIST - A specific list of badges used to manage suggestions (with add/remove link)
* /!\ use bootstrap badge styles,
* cfr. src/Bundle/ChillMainBundle/Resources/public/module/bootstrap/_custom.scss
*/
ul.list-suggest { ul.list-suggest {
list-style-type: none; list-style-type: none;
padding-left: 0; padding-left: 0;

View File

@ -95,7 +95,6 @@ div.person-view {
* Header custom for Accompanying Course * Header custom for Accompanying Course
*/ */
div.banner { div.banner {
div#header-accompanying_course-name { div#header-accompanying_course-name {
background: none repeat scroll 0 0 $chill-accourse-context; background: none repeat scroll 0 0 $chill-accourse-context;
@ -117,6 +116,37 @@ div.banner {
color: $white; color: $white;
padding-top: 1em; padding-top: 1em;
padding-bottom: 1em; padding-bottom: 1em;
/// AccompanyingCourse: HeaderSlider Carousel
button.carousel-control-prev,
button.carousel-control-next {
width: 8%;
opacity: inherit;
}
button.carousel-control-prev {
left: unset;
right: 0;
}
span.to-social-issues,
span.to-persons-associated {
display: inline-block;
border-radius: 15px;
width: 24px;
height: 24px;
box-shadow: 0 0 3px 1px grey;
opacity: 0.8;
&:hover {
opacity: 1;
}
}
span.to-social-issues {
background-color: #4bafe8;
border-left: 12px solid #32749a;
}
span.to-persons-associated {
background-color: #16d9b4;
border-right: 12px solid #ffffff;
}
} }
} }
@ -203,34 +233,11 @@ div.household-resume {
} }
} }
/// Horizontal list of persons (Accourse resume page) /*
div.accompanyingcourse-resume { * GENERIC PERSON STYLES
div.associated-persons { * miscellaneous
font-size: 110%; */
span.household {
display: inline-block;
border-radius: 8px;
border: 1px solid $white;
&:hover {
border: 1px solid $chill-beige;
i {
display: inline-block;
}
}
&.no-household:hover {
border: 1px solid $white;
}
i {
color: $chill-beige;
display: none;
}
padding: 0.3em;
margin-right: 2px;
}
}
}
///
abbr.referrer { // still used ? abbr.referrer { // still used ?
font-size: 70%; font-size: 70%;
padding-right: 0.4em; padding-right: 0.4em;
@ -246,4 +253,4 @@ abbr.referrer { // still used ?
.created-updated { .created-updated {
border: 1px solid black; border: 1px solid black;
padding: 10px; padding: 10px;
} }

View File

@ -81,25 +81,23 @@ h2.badge-title {
font-size: 70%; font-size: 70%;
padding-left: 1rem; padding-left: 1rem;
} }
&:hover {
background-color: $chill-ll-gray;
}
} }
} }
/// theses links apply on badge (or other styled elements) as parent tag. /// Theses links apply on badge as parent tag.
// They don't have button, picto or simple text appearance /// They don't look like button, picto or simple text links
a.badge-link { a.badge-link {
color: unset; color: unset;
text-decoration: unset; text-decoration: unset;
& > h2.badge-title { & > h2.badge-title {
&:hover { &:hover {
box-shadow: 0 0 7px 0 $chill-gray; //box-shadow: 0 0 7px 0 $chill-gray;
opacity: 0.8; //opacity: 0.8;
} }
span.title_action:hover { span.title_action {
//background-color: ; &:hover {
background-color: $chill-ll-gray;
}
} }
} }
} }
@ -146,35 +144,7 @@ div.activity-list {
} }
} }
/// AccompanyingCourse: HeaderSlider Carousel /*
div#header-accompanying_course-details { */
button.carousel-control-prev,
button.carousel-control-next {
width: 8%;
opacity: inherit;
}
button.carousel-control-prev {
left: unset;
right: 0;
}
span.to-social-issues,
span.to-persons-associated {
display: inline-block;
border-radius: 15px;
width: 24px;
height: 24px;
box-shadow: 0 0 3px 1px grey;
opacity: 0.8;
&:hover {
opacity: 1;
}
}
span.to-social-issues {
background-color: #4bafe8;
border-left: 12px solid #32749a;
}
span.to-persons-associated {
background-color: #16d9b4;
border-right: 12px solid #ffffff;
}
}