Update Koperasi

This commit is contained in:
2026-11-06 22:38:45 +07:00
parent 6232b28e11
commit cb36682d9e
79 changed files with 4639 additions and 1378 deletions
+66 -28
View File
@@ -191,9 +191,10 @@ body > .select2-container--open {
inline-size: auto !important;
}
/* Tipografi profil Kelompok Tani dan BUMDes */
/* Tipografi profil Kelompok Tani, BUMDes, dan Koperasi */
.kelompok-tani-page,
.bumdes-page {
.bumdes-page,
.koperasi-profile-page {
font-family: var(--bs-body-font-family);
font-size: var(--bs-body-font-size);
font-weight: var(--bs-body-font-weight);
@@ -201,7 +202,8 @@ body > .select2-container--open {
}
.kelompok-tani-page :is(.form-control, .form-select, .form-check-label, .select2-container),
.bumdes-page :is(.form-control, .form-select, .form-check-label, .select2-container) {
.bumdes-page :is(.form-control, .form-select, .form-check-label, .select2-container),
.koperasi-profile-page :is(.form-control, .form-select, .form-check-label, .select2-container) {
font-family: var(--bs-body-font-family);
}
@@ -212,10 +214,15 @@ body > .select2-container--open {
}
#bumdes-notifications,
.koperasi-profile-page [data-koperasi-section],
.bumdes-page #section-kepengurusan {
scroll-margin-top: 7rem;
}
.koperasi-profile-page [data-koperasi-section]:focus {
outline: none;
}
.bumdes-page .pengurus-status-switch-row {
display: flex;
align-items: center;
@@ -294,22 +301,22 @@ body > .select2-container--open {
.bumdes-row { cursor: pointer; }
.bumdes-filter-row { padding-block: 1.5rem; }
.bumdes-filter-line { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; }
.bumdes-filter-label { display: flex; align-items: center; font-weight: 500; margin-right: .5rem; white-space: nowrap; }
.bumdes-filter-line .form-select,
.bumdes-filter-line .btn { min-height: 31px; }
.bumdes-filter-line .form-select {
:is(.bumdes-filter-line, .koperasi-filter-line) { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; }
:is(.bumdes-filter-label, .koperasi-filter-label) { display: flex; align-items: center; font-weight: 500; margin-right: .5rem; white-space: nowrap; }
:is(.bumdes-filter-line, .koperasi-filter-line) .form-select,
:is(.bumdes-filter-line, .koperasi-filter-line) .btn { min-height: 31px; }
:is(.bumdes-filter-line, .koperasi-filter-line) .form-select {
background-color: var(--bs-paper-bg);
border-color: var(--bs-border-color);
border-radius: var(--bs-border-radius);
color: var(--bs-body-color);
}
.bumdes-filter-line .form-select:focus {
:is(.bumdes-filter-line, .koperasi-filter-line) .form-select:focus {
border-color: rgba(40, 167, 69, .55);
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .12);
}
.bumdes-filter-line .btn { white-space: nowrap; }
.bumdes-filter-static {
:is(.bumdes-filter-line, .koperasi-filter-line) .btn { white-space: nowrap; }
:is(.bumdes-filter-static, .koperasi-filter-static) {
display: flex; align-items: center; min-height: 31px;
padding: .25rem .75rem; font-size: .8125rem;
background-color: var(--bs-paper-bg);
@@ -317,19 +324,19 @@ body > .select2-container--open {
border-radius: var(--bs-border-radius);
color: var(--bs-body-color);
}
.bumdes-filter-line .input-group-sm { width: 240px; }
.bumdes-data-filters > div:not(.bumdes-filter-label) {
:is(.bumdes-filter-line, .koperasi-filter-line) .input-group-sm { width: 240px; }
.bumdes-data-filters > div:not(:is(.bumdes-filter-label, .koperasi-filter-label)) {
flex: 1 1 11rem;
min-inline-size: 0;
}
.bumdes-data-filters .form-select { text-overflow: ellipsis; }
.bumdes-data-filters .input-group-sm { width: 100%; }
@media (max-width: 767.98px) {
.bumdes-filter-line { display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; }
.bumdes-filter-label { margin-right: 0; }
.bumdes-filter-line .btn { justify-content: center; width: 100%; }
.bumdes-filter-line .input-group-sm { width: 100%; }
.bumdes-filter-line .input-group .btn { width: auto; }
:is(.bumdes-filter-line, .koperasi-filter-line) { display: grid; grid-template-columns: minmax(0, 1fr); width: 100%; }
:is(.bumdes-filter-label, .koperasi-filter-label) { margin-right: 0; }
:is(.bumdes-filter-line, .koperasi-filter-line) .btn { justify-content: center; width: 100%; }
:is(.bumdes-filter-line, .koperasi-filter-line) .input-group-sm { width: 100%; }
:is(.bumdes-filter-line, .koperasi-filter-line) .input-group .btn { width: auto; }
}
@@ -367,7 +374,34 @@ body > .select2-container--open {
}
}
/* Tabel dan ringkasan profil BUMDes. */
/* Tabel dan ringkasan profil. */
.koperasi-filter-row {
padding-block: 1.5rem;
}
.koperasi-filter-row .form-select {
min-inline-size: 0;
text-overflow: ellipsis;
}
.koperasi-list-table .koperasi-list-identity {
min-inline-size: 14rem;
max-inline-size: 20rem;
overflow-wrap: anywhere;
}
.koperasi-list-table .koperasi-list-type,
.koperasi-list-table .koperasi-list-services,
.koperasi-list-table .koperasi-list-documents {
min-inline-size: 10rem;
max-inline-size: 16rem;
overflow-wrap: anywhere;
}
.koperasi-list-table [data-koperasi-row] {
cursor: pointer;
}
.bumdes-list-table .bumdes-list-identity {
min-inline-size: 12rem;
max-inline-size: 16rem;
@@ -384,19 +418,22 @@ body > .select2-container--open {
}
.bumdes-profile-summary .bumdes-summary-content,
.kelompok-profile-summary .kelompok-summary-content {
.kelompok-profile-summary .kelompok-summary-content,
.koperasi-profile-summary .koperasi-summary-content {
min-inline-size: 0;
}
.bumdes-profile-summary .bumdes-summary-label,
.kelompok-profile-summary .kelompok-summary-label {
.kelompok-profile-summary .kelompok-summary-label,
.koperasi-profile-summary .koperasi-summary-label {
color: var(--bs-secondary-color);
font-size: 0.8125rem;
font-weight: 500;
}
.bumdes-profile-summary .badge,
.kelompok-profile-summary .badge {
.kelompok-profile-summary .badge,
.koperasi-profile-summary .badge {
max-inline-size: 100%;
line-height: 1.45;
white-space: normal;
@@ -405,18 +442,19 @@ body > .select2-container--open {
}
.bumdes-profile-summary .bumdes-summary-more,
.kelompok-profile-summary .kelompok-summary-more {
.kelompok-profile-summary .kelompok-summary-more,
.koperasi-profile-summary .koperasi-summary-more {
min-block-size: 1.5rem;
font-size: 0.8125rem;
}
/* Daftar kelompok tani. */
@media (min-width: 768px) {
.kelompok-tani-page .nav-pills-custom-spacing { display: flex; width: 100%; gap: .5rem; flex-wrap: nowrap !important; overflow-x: auto; }
.kelompok-tani-page .nav-pills-custom-spacing::-webkit-scrollbar { display: none; }
.kelompok-tani-page .nav-pills-custom-spacing .nav-item { margin-right: 0 !important; flex: 1; }
.kelompok-tani-page .nav-pills-custom-spacing .nav-link { display: flex; justify-content: center; align-items: center; padding-left: .5rem !important; padding-right: .5rem !important; width: 100%; white-space: nowrap; font-size: var(--bs-body-font-size) !important; }
.kelompok-tani-page .nav-pills-custom-spacing .nav-link i { margin-right: .4rem !important; }
:is(.kelompok-tani-page, .koperasi-profile-page) .nav-pills-custom-spacing { display: flex; width: 100%; gap: .5rem; flex-wrap: nowrap !important; overflow-x: auto; }
:is(.kelompok-tani-page, .koperasi-profile-page) .nav-pills-custom-spacing::-webkit-scrollbar { display: none; }
:is(.kelompok-tani-page, .koperasi-profile-page) .nav-pills-custom-spacing .nav-item { margin-right: 0 !important; flex: 1; }
:is(.kelompok-tani-page, .koperasi-profile-page) .nav-pills-custom-spacing .nav-link { display: flex; justify-content: center; align-items: center; padding-left: .5rem !important; padding-right: .5rem !important; width: 100%; white-space: nowrap; font-size: var(--bs-body-font-size) !important; }
:is(.kelompok-tani-page, .koperasi-profile-page) .nav-pills-custom-spacing .nav-link i { margin-right: .4rem !important; }
}
.kelompok-tani-row { cursor: pointer; }
.kelompok-filter-row { padding-block: 1.5rem; }