Index: lams_central/web/css/components.scss =================================================================== diff -u -r81f928586161dd03042b6353f68c7d7b8279ccde -r509e81cd8bc4486fab7de352c4e8cfafd38efe48 --- lams_central/web/css/components.scss (.../components.scss) (revision 81f928586161dd03042b6353f68c7d7b8279ccde) +++ lams_central/web/css/components.scss (.../components.scss) (revision 509e81cd8bc4486fab7de352c4e8cfafd38efe48) @@ -1,5 +1,15 @@ +@import "bootstrap5.custom.scss"; @import "_lams_variables.scss"; +#container-main { + @extend .container-lg; +} + +.btn-secondary-darker { + @extend .btn-secondary; + background-color: shade-color($secondary, 20%); +} + /* For Boostrap 3 & 5 compability */ .img-responsive { max-width: 100%; @@ -278,22 +288,7 @@ } body.component .cke_textarea_inline { - /* From bootstrap form-control */ - display: block; - width: 100%; - padding: 6px 12px; - font-size: 14px; - line-height: 1.42857143; - color: #555; - background-color: var(--bs-white); - background-image: none; - border-radius: 0.375rem; /* from .form-control */ - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; - -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; - transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; - border: 1px solid #ced4da; /* from .form-control */ + @extend .form-control; overflow: hidden; /* keeps floating objects within ckeditor area */ /* LAMS - min height is set in ckconfig_custom.js but keep the default here too so that most fields @@ -484,7 +479,8 @@ border-radius: 2.8rem; overflow: hidden; background-color: var(--bs-white); - margin: var(--lams-component-page-wrapper-margin); + margin: $component-page-wrapper-margin; + min-height: calc(100vh - 2*$component-page-wrapper-margin); } .component-page-wrapper button.no-decoration { @@ -634,7 +630,7 @@ .rating-comment{ background-image: none; border: $border-thin-default-light; - border-radius: 0.375rem; /* from .form-control */ + @include border-radius($input-border-radius, 0); /* from .form-control */ } .rating-comment-posted-by{