Участник:Kemran2933/box: различия между версиями
Шрифт Roboto и компактные отступы как в меню TGUI |
Нативный переключатель занимает всю ширину заголовка |
||
| Строка 1: | Строка 1: | ||
{{#css: | {{#css: | ||
.kemran-box.tabs-togglebox {display:block; width:225px; max-width:100%; margin:8px 0; border:1px solid #2b3139; border-radius:8px; overflow:hidden; background:#191f26; color:#c5c9ce;} | .kemran-box.tabs-togglebox {display:block; width:225px; max-width:100%; margin:8px 0; border:1px solid #2b3139; border-radius:8px; overflow:hidden; background:#191f26; color:#c5c9ce;} | ||
.kemran-box.tabs-togglebox > .tabs-container {display:grid; border:0; padding:0; background:transparent;} | .kemran-box.tabs-togglebox > .tabs-container {position:relative; display:grid; border:0; padding:0; background:transparent;} | ||
.kemran-box.tabs-togglebox > .tabs-container > .tabs-input {display:block !important; position:absolute; width: | .kemran-box.tabs-togglebox > .tabs-container > .tabs-input {display:block !important; position:absolute; top:0; left:0; width:100%; height:27px; margin:0; padding:0; opacity:0; z-index:2; cursor:pointer;} | ||
.kemran-box.tabs-togglebox > .tabs-container > .tabs-label {display:flex; align-items:center; gap:7px; box-sizing:border-box; width:100%; min-height:27px; margin:0; padding:4px 9px; border:0; border-radius:0; background:transparent; color:inherit; font:700 12px/18px Roboto,Arial,sans-serif; cursor:pointer; user-select:none;} | .kemran-box.tabs-togglebox > .tabs-container > .tabs-label {display:flex; align-items:center; gap:7px; box-sizing:border-box; width:100%; min-height:27px; margin:0; padding:4px 9px; border:0; border-radius:0; background:transparent; color:inherit; font:700 12px/18px Roboto,Arial,sans-serif; cursor:pointer; user-select:none;} | ||
.kemran-box .tabs-label::before {content:""; width:5px; height:5px; flex:none; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(-45deg); transition:transform .25s ease;} | .kemran-box .tabs-label::before {content:""; width:5px; height:5px; flex:none; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(-45deg); transition:transform .25s ease;} | ||