模板:切换显示按钮/togglestyle.css:修订间差异

来自SS唯基
跳到导航 跳到搜索
(建立内容为“.textToggleDisplayButtons { display: inline-flex; flex-wrap: wrap; align-items: baseline; align-content: flex-start; user-select: none; } .te…”的新页面)
 
无编辑摘要
第26行: 第26行:
}
}


.textToggleDisplay.hidden,
.textToggleDisplay.hidden {
.textToggleDisplayButtonsStyle,
    display: none !important;
.textToggleDisplayStyle,
}
.textToggleDisplayButtonLabel:not(.on) .textToggleDisplayButtonLabelText.on,
 
.textToggleDisplayButtonLabel.on .textToggleDisplayButtonLabelText.off {
.textToggleDisplayButtonsStyle {
    display: none !important;
}
 
.textToggleDisplayStyle {
    display: none !important;
}
 
.textToggleDisplayButtonLabel:not(.on) {
    display: none !important;
}
 
.textToggleDisplayButtonLabelText.off {
     display: none !important;
     display: none !important;
}
}

2022年5月4日 (三) 13:37的版本

.textToggleDisplayButtons {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    align-content: flex-start;
    user-select: none;
}

.textToggleDisplayButtonLabel {
    border: 1px solid rgba(0, 0, 0, .3);
    border-left-width: 4px;
    border-radius: 2px;
    flex: 1 0 auto;
    margin: 4px;
    padding: 0 8px;
    box-shadow: 1px 1px 2px black;
    color: rgba(0, 0, 0, .7);
    transition: .13s ease-in-out all;
    background-color: white;
}


.textToggleDisplayButtonLabel.on {
    border-color: rgba(0, 0, 0, 1);
    color: rgba(0, 0, 0, 1);
}

.textToggleDisplay.hidden {
    display: none !important;
}

.textToggleDisplayButtonsStyle {
    display: none !important;
}

.textToggleDisplayStyle {
    display: none !important;
}

.textToggleDisplayButtonLabel:not(.on) {
    display: none !important;
}

.textToggleDisplayButtonLabelText.off {
    display: none !important;
}