edcommonwealth
/
sqm-dashboards
mirror of https://github.com/edcommonwealth/sqm-dashboards.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Style accordions

Browse Source
pull/1/head
rebuilt 4 years ago
parent 556ff45117
commit 856cce7c1a
3 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File

9
app/assets/stylesheets/bootstrap-overrides.scss vendored
Unescape View File

@ -25,9 +25,10 @@ $headings-font-family: 'Bitter', serif;
$headings-font-weight: 700; $headings-font-weight: 700;
$form-select-border-radius: 0; $form-select-border-radius: 0;
$btn-border-radius: 0; $form-select-indicator-color: $blue;
$input-border-radius: 0; $input-border-radius: 0;
$input-btn-focus-color-opacity: 0.35; $input-btn-focus-color-opacity: 0.35;
$btn-border-radius: 0;
$nav-link-color: $white; $nav-link-color: $white;
$nav-link-font-weight: 600; $nav-link-font-weight: 600;
@ -39,9 +40,9 @@ $nav-tabs-border-radius: 15px;
$accordion-border-radius: 8px; $accordion-border-radius: 8px;
$accordion-button-active-bg: $gray-3; $accordion-button-active-bg: $gray-3;
$accordion-button-icon: url("data:image/svg+xml,<svg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M5.77734 7.66016C6.09375 7.97656 6.62109 7.97656 6.9375 7.66016L11.7188 2.87891C12.0703 2.52734 12.0703 2 11.7188 1.68359L10.9453 0.875C10.5938 0.558594 10.0664 0.558594 9.75 0.875L6.33984 4.28516L2.96484 0.875C2.64844 0.558594 2.12109 0.558594 1.76953 0.875L0.996094 1.68359C0.644531 2 0.644531 2.52734 0.996094 2.87891L5.77734 7.66016Z' fill='#01788E'/> </svg>"); $accordion-icon-width: 16px;
$accordion-button-active-icon: url("data:image/svg+xml,<svg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'> <path d='M6.97266 0.875C6.62109 0.558594 6.09375 0.558594 5.77734 0.875L0.996094 5.65625C0.644531 6.00781 0.644531 6.53516 0.996094 6.85156L1.76953 7.66016C2.12109 7.97656 2.64844 7.97656 2.96484 7.66016L6.375 4.25L9.75 7.66016C10.0664 7.97656 10.6289 7.97656 10.9453 7.66016L11.7539 6.85156C12.0703 6.53516 12.0703 6.00781 11.7539 5.65625L6.97266 0.875Z' fill='#01788E'/> </svg>"); $accordion-icon-color: $blue;
$accordion-icon-width: 12px; $accordion-button-active-color: $black;
$popover-border-color: $gray-2; $popover-border-color: $gray-2;
$popover-border-radius: 4px; $popover-border-radius: 4px;

8
app/assets/stylesheets/sqm_application.scss
Unescape View File

@ -96,11 +96,9 @@
.measure-accordion-button { .measure-accordion-button {
background-color: $gray-3; background-color: $gray-3;
border-color: $gray-2; border-color: $gray-2;
} @extend .font-cabin;
@extend .font-size-14;
.measure-accordion-button:not(.collapsed) { @extend .weight-700;
color: $black;
box-shadow: none;
} }
.measure-accordion-body { .measure-accordion-body {

2
app/views/sqm_categories/_data_item_section.html.erb
Unescape View File

@ -1,7 +1,7 @@
<div class="accordion-item"> <div class="accordion-item">
<h3 class="accordion-header measure-accordion-header" id="<%= data_item_section.id %>-header"> <h3 class="accordion-header measure-accordion-header" id="<%= data_item_section.id %>-header">
<button <button
class="accordion-button measure-accordion-button font-cabin font-size-14 collapsed" class="accordion-button measure-accordion-button collapsed"
data-bs-toggle="collapse" data-bs-toggle="collapse"
data-bs-target="#<%= data_item_section.id %>" data-bs-target="#<%= data_item_section.id %>"
aria-expanded="false" aria-expanded="false"

Write Preview
Loading…
Cancel
Save