Siemka, chciałbym zmienić podstawowy wygląd collapsible czyli [Zwiń] na np. to:
W jaki sposób mogę to zrobić?
Z góry dziękuje za pomoc.
Siemka, chciałbym zmienić podstawowy wygląd collapsible czyli [Zwiń] na np. to:
W jaki sposób mogę to zrobić?
Z góry dziękuje za pomoc.
Zależy co ma być klikalne. Rozwiązanie z całym nagłówkiem jak w NavboxBuilderze, czy z tym jak zachowują się zwijane grupy w przenośnych infoboksach jest łatwiejsze. Potrzebujesz tylko to w common.css:
.mw-collapsible-header.mw-collapsible-toggle { float: none; position: relative; } .mw-collapsible-header.mw-collapsible-toggle::after { display: inline-block; content: ''; position: absolute; top: 50%; right: .6em; margin-top: -2px; border-color: #000; border-color: currentColor; border-style: solid; border-width: 2px 2px 0 0; height: 4px; width: 4px; transform: rotate(-45deg); } .mw-collapsible-header.mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after { transform: rotate(135deg); margin-top: -4px; }
I sam nagłówek wstawić z klasami mw-collapsible-toggle
i mw-collapsible-header
<div class="mw-collapsible"> <div class="mw-collapsible-toggle mw-collapsible-header">Nagłówek</div> <div class="mw-collapsible-content">Treść</div> </div>
W ten sposób nagłówek będzie elementem blokowym, który cały jest przełączką, a w nim znajdzie się strzałka (kolor zależy od koloru tekstu).