Fix accessibility.
This commit is contained in:
BoHung Chiu 2021-06-28 19:52:05 +08:00
parent 449bd4bec6
commit ade7f38475
7 changed files with 20 additions and 18 deletions

View File

@ -114,6 +114,8 @@
$nav $nav
.find('.active') .find('.active')
.removeClass('active'); .removeClass('active');
$nav
.find('.has-dropdown').removeClass('has-dropdown');
} }
}, },

View File

@ -49,7 +49,7 @@ $font-family-serif: Georgia, "Times New Roman", Times, serif !default;
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default; $font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
$font-family-base: $font-family-sans-serif !default; $font-family-base: $font-family-sans-serif !default;
$font-size-base: 14px !default; $font-size-base: 0.875em !default;
$font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px $font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px $font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px
@ -84,17 +84,17 @@ $icon-font-svg-id: "glyphicons_halflingsregular" !default;
// //
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
$padding-base-vertical: 6px !default; $padding-base-vertical: 0.375em !default;
$padding-base-horizontal: 12px !default; $padding-base-horizontal: 0.75em !default;
$padding-large-vertical: 10px !default; $padding-large-vertical: 0.625em !default;
$padding-large-horizontal: 16px !default; $padding-large-horizontal: 1em !default;
$padding-small-vertical: 5px !default; $padding-small-vertical: 0.3125em !default;
$padding-small-horizontal: 10px !default; $padding-small-horizontal: 0.625em !default;
$padding-xs-vertical: 1px !default; $padding-xs-vertical: 0.0625em !default;
$padding-xs-horizontal: 5px !default; $padding-xs-horizontal: 0.3125em !default;
$line-height-large: 1.33 !default; $line-height-large: 1.33 !default;
$line-height-small: 1.5 !default; $line-height-small: 1.5 !default;
@ -330,7 +330,7 @@ $container-lg: $container-large-desktop !default;
//## //##
// Basics of a navbar // Basics of a navbar
$navbar-height: 50px !default; $navbar-height: 3.125em !default;
$navbar-margin-bottom: $line-height-computed !default; $navbar-margin-bottom: $line-height-computed !default;
$navbar-border-radius: $border-radius-base !default; $navbar-border-radius: $border-radius-base !default;
$navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default; $navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default;

View File

@ -5,4 +5,4 @@
* @author Mike Jacobson <michaeljjacobson1@gmail.com> * @author Mike Jacobson <michaeljjacobson1@gmail.com>
* @license MIT License, http://www.opensource.org/licenses/MIT * @license MIT License, http://www.opensource.org/licenses/MIT
*/ */
.scrtabs-tab-container *{box-sizing:border-box}.scrtabs-tab-container{height:42px}.scrtabs-tab-container .tab-content{clear:left}.scrtabs-tab-container.scrtabs-bootstrap4 .scrtabs-tabs-movable-container>.navbar-nav{-ms-flex-direction:row;flex-direction:row}.scrtabs-tabs-fixed-container{float:left;height:42px;overflow:hidden;width:100%}.scrtabs-tabs-movable-container{position:relative}.scrtabs-tabs-movable-container .tab-content{display:none}.scrtabs-tab-container.scrtabs-rtl .scrtabs-tabs-movable-container>ul.nav-tabs{padding-right:0}.scrtabs-tab-scroll-arrow{border:1px solid #ddd;border-top:none;color:#428bca;display:none;float:left;font-size:12px;height:42px;margin-bottom:-1px;padding-left:2px;padding-top:13px;width:20px}.scrtabs-tab-scroll-arrow:hover{background-color:#eee}.scrtabs-tab-scroll-arrow,.scrtabs-tab-scroll-arrow .scrtabs-click-target{cursor:pointer}.scrtabs-tab-scroll-arrow.scrtabs-with-click-target{cursor:default}.scrtabs-tab-scroll-arrow.scrtabs-disable,.scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target{color:#ddd;cursor:default}.scrtabs-tab-scroll-arrow.scrtabs-disable:hover{background-color:initial}.scrtabs-tabs-fixed-container ul.nav-tabs>li{white-space:nowrap} .scrtabs-tab-container *{box-sizing:border-box}.scrtabs-tab-container{height:42px}.scrtabs-tab-container .tab-content{clear:left}.scrtabs-tab-container.scrtabs-bootstrap4 .scrtabs-tabs-movable-container>.navbar-nav{-ms-flex-direction:row;flex-direction:row}.scrtabs-tabs-fixed-container{float:left;height:42px;overflow:hidden;width:100%}.scrtabs-tabs-movable-container{position:relative}.scrtabs-tabs-movable-container .tab-content{display:none}.scrtabs-tab-container.scrtabs-rtl .scrtabs-tabs-movable-container>ul.nav-tabs{padding-right:0}.scrtabs-tab-scroll-arrow{border:1px solid #ddd;border-top:none;color:#428bca;display:none;float:left;font-size:0.75em;height:42px;margin-bottom:-1px;padding-left:2px;padding-top:13px;width:20px}.scrtabs-tab-scroll-arrow:hover{background-color:#eee}.scrtabs-tab-scroll-arrow,.scrtabs-tab-scroll-arrow .scrtabs-click-target{cursor:pointer}.scrtabs-tab-scroll-arrow.scrtabs-with-click-target{cursor:default}.scrtabs-tab-scroll-arrow.scrtabs-disable,.scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target{color:#ddd;cursor:default}.scrtabs-tab-scroll-arrow.scrtabs-disable:hover{background-color:initial}.scrtabs-tabs-fixed-container ul.nav-tabs>li{white-space:nowrap}

View File

@ -70,7 +70,7 @@
padding: 5px 10px; padding: 5px 10px;
background: $theme-color-main; background: $theme-color-main;
color:#fff; color:#fff;
font-size: 18px; font-size: 1.125em;
transition:.3s; transition:.3s;
&:hover{ &:hover{
background: $theme-color-second; background: $theme-color-second;

View File

@ -12,8 +12,8 @@
<div class="i-member-profile-data-wrap col-sm-9"> <div class="i-member-profile-data-wrap col-sm-9">
<ul class="i-member-profile-list" data-list="profile_data" data-level="3"> <ul class="i-member-profile-list" data-list="profile_data" data-level="3">
<li class="i-member-profile-item"> <li class="i-member-profile-item">
<span class="i-member-title {{title_class}}">{{title}}</span> <span class="i-member-title {{title_class}}"><strong>{{title}} : </strong></span>
<span class="i-member-value {{value_class}}">: {{value}}</span> <span class="i-member-value {{value_class}}">{{value}}</span>
</li> </li>
</ul> </ul>
</div> </div>

View File

@ -12,8 +12,8 @@
<div class="i-member-profile-data-wrap col-sm-8"> <div class="i-member-profile-data-wrap col-sm-8">
<ul class="i-member-profile-list" data-list="profile_data" data-level="3"> <ul class="i-member-profile-list" data-list="profile_data" data-level="3">
<li class="i-member-profile-item"> <li class="i-member-profile-item">
<span class="i-member-title {{title_class}}">{{title}}</span> <span class="i-member-title {{title_class}}"><strong>{{title}} : </strong></span>
<span class="i-member-value {{value_class}}">: {{value}}</span> <span class="i-member-value {{value_class}}">{{value}}</span>
</li> </li>
</ul> </ul>
</div> </div>

View File

@ -9,8 +9,8 @@
<div class="i-member-profile-data-wrap"> <div class="i-member-profile-data-wrap">
<ul class="i-member-profile-list" data-list="profile_data" data-level="3"> <ul class="i-member-profile-list" data-list="profile_data" data-level="3">
<li class="i-member-profile-item"> <li class="i-member-profile-item">
<span class="i-member-title {{title_class}}">{{title}}</span> <span class="i-member-title {{title_class}}"><strong>{{title}} : </strong></span>
<span class="i-member-value {{value_class}}">: {{value}}</span> <span class="i-member-value {{value_class}}">{{value}}</span>
</li> </li>
</ul> </ul>
</div> </div>