chamilo
/
chamilo-lms
mirror of https://github.com/chamilo/chamilo-lms/tree/1.11.x
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Style: Improve CSS files

Browse Source
pull/4617/head
Borja Sánchez 3 years ago
parent 84776940e0
commit 3b28c07b2d
5 changed files with 127 additions and 133 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 59
      assets/css/scss/_catalog_course.scss
  2. 66
      assets/css/scss/_catalog_session.scss
  3. 2
      assets/css/scss/index.scss
  4. 63
      assets/vue/views/course/Catalog.vue
  5. 70
      assets/vue/views/course/CatalogSession.vue

59
assets/css/scss/_catalog_course.scss
Unescape View File

@ -0,0 +1,59 @@
::v-deep(.p-paginator) {
.p-paginator-current {
margin-left: auto;
}
}
.course-image {
width: 130px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
}
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: #6c757d;
}
.p-input-icon-left > i, .p-input-icon-right > i {
margin-top: -.5rem;
position: absolute;
top: 50%;
}
.p-input-icon-left > .p-inputtext {
padding-left: 2.5rem;
}
.p-inputtext {
font-size: 1rem;
color: #495057;
background: #ffffff;
padding: 0.75rem 0.75rem;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 6px;
}
.p-inputtext:enabled:hover {
border-color: #3B82F6;
}
.p-inputtext:enabled:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;
}
::v-deep(.p-datatable.p-datatable-courses) {
.p-datatable-header {
padding: 1rem;
text-align: left;
font-size: 1.5rem;
}
.p-paginator {
padding: 1rem;
}
.p-datatable-thead > tr > th {
text-align: left;
}
.p-datatable-tbody > tr > td {
cursor: auto;
}
}

66
assets/css/scss/_catalog_session.scss
Unescape View File

@ -0,0 +1,66 @@
::v-deep(.p-paginator) {
.p-paginator-current {
margin-left: auto;
}
}
.course-image {
width: 130px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
}
.session-name {
font-weight: 700 !important;
}
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: #6c757d;
}
.p-input-icon-left > i, .p-input-icon-right > i {
margin-top: -.5rem;
position: absolute;
top: 50%;
}
.p-input-icon-left > .p-inputtext {
padding-left: 2.5rem;
}
.p-inputtext {
font-size: 1rem;
color: #495057;
background: #ffffff;
padding: 0.75rem 0.75rem;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 6px;
}
.p-inputtext:enabled:hover {
border-color: #3B82F6;
}
.p-inputtext:enabled:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;
}
.orders-subtable {
padding: 1rem;
}
::v-deep(.p-datatable.p-datatable-sessions) {
.p-datatable-header {
padding: 1rem;
text-align: left;
font-size: 1.5rem;
}
.p-paginator {
padding: 1rem;
}
.p-datatable-thead > tr > th {
text-align: left;
}
.p-datatable-tbody > tr > td {
cursor: auto;
}
}

2
assets/css/scss/index.scss
Unescape View File

@ -55,5 +55,7 @@
@import 'forums';
@import 'exercise';
@import 'catalog_course';
@import 'catalog_session';
//@import 'jqueryui';
@import 'lp';

63
assets/vue/views/course/Catalog.vue
Unescape View File

@ -284,66 +284,3 @@ export default {
};
</script>
<style lang="scss" scoped>
@import 'primeflex/primeflex.scss';
::v-deep(.p-paginator) {
.p-paginator-current {
margin-left: auto;
}
}
.course-image {
width: 130px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
}
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: #6c757d;
}
.p-input-icon-left > i, .p-input-icon-right > i {
margin-top: -.5rem;
position: absolute;
top: 50%;
}
.p-input-icon-left > .p-inputtext {
padding-left: 2.5rem;
}
.p-inputtext {
font-size: 1rem;
color: #495057;
background: #ffffff;
padding: 0.75rem 0.75rem;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 6px;
}
.p-inputtext:enabled:hover {
border-color: #3B82F6;
}
.p-inputtext:enabled:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;
}
::v-deep(.p-datatable.p-datatable-courses) {
.p-datatable-header {
padding: 1rem;
text-align: left;
font-size: 1.5rem;
}
.p-paginator {
padding: 1rem;
}
.p-datatable-thead > tr > th {
text-align: left;
}
.p-datatable-tbody > tr > td {
cursor: auto;
}
}
</style>

70
assets/vue/views/course/CatalogSession.vue
Unescape View File

@ -278,73 +278,3 @@ export default {
}
};
</script>
<style lang="scss" scoped>
@import 'primeflex/primeflex.scss';
::v-deep(.p-paginator) {
.p-paginator-current {
margin-left: auto;
}
}
.course-image {
width: 130px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
}
.session-name {
font-weight: 700 !important;
}
.p-input-icon-left > i:first-of-type {
left: 0.75rem;
color: #6c757d;
}
.p-input-icon-left > i, .p-input-icon-right > i {
margin-top: -.5rem;
position: absolute;
top: 50%;
}
.p-input-icon-left > .p-inputtext {
padding-left: 2.5rem;
}
.p-inputtext {
font-size: 1rem;
color: #495057;
background: #ffffff;
padding: 0.75rem 0.75rem;
border: 1px solid #ced4da;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
appearance: none;
border-radius: 6px;
}
.p-inputtext:enabled:hover {
border-color: #3B82F6;
}
.p-inputtext:enabled:focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 0.2rem #BFDBFE;
border-color: #3B82F6;
}
.orders-subtable {
padding: 1rem;
}
::v-deep(.p-datatable.p-datatable-sessions) {
.p-datatable-header {
padding: 1rem;
text-align: left;
font-size: 1.5rem;
}
.p-paginator {
padding: 1rem;
}
.p-datatable-thead > tr > th {
text-align: left;
}
.p-datatable-tbody > tr > td {
cursor: auto;
}
}
</style>

Write Preview
Loading…
Cancel
Save