Files
structural_pages/css/structural_pages_select2.css
Quintino A. G. Souza 36c3a2e9c0 Altera lógica de Site Section e adiciona redirect em content_page
- Adiciona campo field_redirect_link (link) no bundle content_page;
  EventSubscriber emite redirect 301 quando o campo está preenchido
- field_site_section passa a ser obrigatório
- Formulário de content_page: AJAX no site section, select hierárquico
  de página pai filtrado por seção, validação customizada
- StructuralPagesMenuBlock: MAX_DEPTH 10→50, nova lógica de raiz via
  field_site_section, variável ancestor_url no render array
- Template do menu: novas classes BEM/Gva, suporte a is_redirect,
  usa ancestor_url em vez de chamada Twig direta
- CSS do menu reescrito com estilos flyout/sidebar; Select2 adicionado
  para o campo de página pai no formulário admin
- display_submitted desabilitado no tipo content_page

Co-Authored-By: Bauer <henrique@webcontent.com.br>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-03 08:04:43 -03:00

61 lines
1.8 KiB
CSS

/* Custom styles to make Select2 match Drupal 10 Claro Theme's native select */
.select2-container--default .select2-selection--single {
height: 3rem; /* 48px matches Claro's form elements */
border: 1px solid #8e929c; /* Claro default border */
border-radius: 2px;
background-color: #f3f4f9; /* Claro default input background */
display: flex;
align-items: center;
transition: border-color 0.2s, box-shadow 0.2s;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: normal;
color: #222330;
padding-left: 1rem;
font-size: 1rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 100%;
right: 0.5rem;
display: flex;
align-items: center;
}
/* Hover effect */
.select2-container--default .select2-selection--single:hover {
border-color: #55565b;
}
/* Focus and Open effect */
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
border-color: #003cc5;
box-shadow: 0 0 0 2px #26a769; /* Claro green-ish or blue-ish focus ring */
outline: none;
}
.select2-container--default.select2-container--open .select2-selection--single {
box-shadow: 0 0 0 2px #003cc5; /* Active blue focus */
}
/* Adjust dropdown list styling slightly */
.select2-dropdown {
border: 1px solid #003cc5;
border-radius: 2px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #8e929c;
border-radius: 2px;
padding: 0.5rem;
height: 2.5rem;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #003cc5;
color: white;
}