Corrigindo a acessibilidade da interna

This commit is contained in:
Alvino Rodrigues 2018-10-03 11:18:42 -03:00
parent 14849ae2ee
commit 37e45d374f
5 changed files with 29 additions and 28 deletions

View File

@ -212,20 +212,16 @@ nav{
.input-group { .input-group {
float: right !important; float: right !important;
transition: all 0.35s, border-radius 0s; transition: all 0.35s, border-radius 0s;
width: 32px;
min-height: 32px; min-height: 32px;
background-color: #fff; background-color: #fff;
//box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
//border-radius: 25px;
//border: 1px solid #ccc;
.form-control { .form-control {
//margin-left: -25px; width: 0;
border:none; border: 1px solid transparent;
background: transparent; background: transparent;
box-shadow: none; box-shadow: none;
display:block; display:block;
padding: 1rem 2rem; padding: 1rem 0;
padding-left: 1rem; transition: width 0.35s, padding 0.35s, border 0.35s;
&::-webkit-input-placeholder { &::-webkit-input-placeholder {
display: none; display: none;
} }
@ -236,12 +232,18 @@ nav{
&:-ms-input-placeholder { &:-ms-input-placeholder {
display: none; display: none;
} }
&:focus {
width: 400px;
padding: 1rem 2rem;
border: 1px solid #ccc;
}
} }
&:hover, &.hover { &:hover, &.hover {
width: 100%; .form-control {
//border-radius: 25px 25px 25px 25px; width: 400px;
border: 1px solid #ccc; padding: 1rem 2rem;
position: static; border: 1px solid #ccc;
}
} }
.form-control-feedback { .form-control-feedback {
position: absolute; position: absolute;
@ -723,9 +725,7 @@ body.contraste .tainacan-title-page ul li,
body.contraste .tainacan-title-page ul li a, body.contraste .tainacan-title-page ul li a,
body.contraste #menubelowHeader .menu-item a::after, body.contraste #menubelowHeader .menu-item a::after,
body.contraste .menu-shadow button[data-toggle='dropdown']::after, body.contraste .menu-shadow button[data-toggle='dropdown']::after,
body.contraste .tainacan-search-form .input-group .form-control::-webkit-input-placeholder, body.contraste .tainacan-search-form .input-group .form-control::placeholder { color: #fff !important; }
body.contraste .tainacan-search-form .input-group .form-control:-moz-placeholder,
body.contraste .tainacan-search-form .input-group .form-control:-ms-input-placeholder { color: #fff !important; }
body.contraste .page-header .title-header.singular-title, body.contraste .page-header .title-header.singular-title,
body.contraste img, body.contraste img,
@ -734,7 +734,8 @@ body.contraste .accessibility-options button { border: 1px solid #fff !important
body.contraste footer .tainacan-footer-info .tainacan-footer-info--logo, body.contraste footer .tainacan-footer-info .tainacan-footer-info--logo,
body.contraste .collection-header--type-b .btn.trigger, body.contraste .collection-header--type-b .btn.trigger,
body.contraste .page-header .title-header.singular-title { border: none !important; } body.contraste .page-header .title-header.singular-title,
body.contraste .tainacan-single-post article header .header-meta img { border: none !important; }
body.contraste .page-header.page-height > div.ph-title-description, body.contraste .page-header.page-height > div.ph-title-description,
body.contraste .collection-header--share .rotater, body.contraste .collection-header--share .rotater,

View File

@ -16,7 +16,7 @@
<ul class="accessibility-shortcuts" role="menubar"> <ul class="accessibility-shortcuts" role="menubar">
<li role="menuitem"><a href="#content" accesskey="c"><span>c</span> Ir para o conteúdo</a></li> <li role="menuitem"><a href="#content" accesskey="c"><span>c</span> Ir para o conteúdo</a></li>
<li role="menuitem"><a href="#menu-menu-1" accesskey="m"><span>m</span> Ir para o menu</a></li> <li role="menuitem"><a href="#menu-menu-1" accesskey="m"><span>m</span> Ir para o menu</a></li>
<li role="menuitem"><a href="#tainacan-search" accesskey="b"><span>b</span> Ir para a busca</a></li> <li role="menuitem"><a href="#tainacan-search-header" accesskey="b"><span>b</span> Ir para a busca</a></li>
<li role="menuitem"><a href="#footer" accesskey="r"><span>r</span> Ir para o rodapé</a></li> <li role="menuitem"><a href="#footer" accesskey="r"><span>r</span> Ir para o rodapé</a></li>
</ul> </ul>

View File

@ -5,7 +5,7 @@
<!-- Get the menu if is create in panel admin --> <!-- Get the menu if is create in panel admin -->
<?php get_template_part( 'template-parts/menuBellowBanner' ); ?> <?php get_template_part( 'template-parts/menuBellowBanner' ); ?>
<main role="main" class="mt-5 max-large margin-one-column"> <main id="content" role="main" class="mt-5 max-large margin-one-column">
<div class="row"> <div class="row">
<div class="col col-sm mx-sm-auto"> <div class="col col-sm mx-sm-auto">
<?php get_template_part('template-parts/loop', 'singular'); ?> <?php get_template_part('template-parts/loop', 'singular'); ?>

View File

@ -10,12 +10,12 @@
<?php while(have_posts()): the_post(); ?> <?php while(have_posts()): the_post(); ?>
<div class="tainacan-title"> <div class="tainacan-title">
<div class="border-bottom border-jelly-bean tainacan-title-page" style="border-width: 2px !important;"> <div class="border-bottom border-jelly-bean tainacan-title-page" style="border-width: 2px !important;">
<ul class="list-inline mb-1"> <div class="list-inline mb-1">
<li class="list-inline-item text-midnight-blue font-weight-bold title-page"> <h3 class="list-inline-item text-midnight-blue font-weight-bold title-page">
<?php the_title(); ?> <?php the_title(); ?>
</li> </h3>
<li class="list-inline-item float-right title-back"><a href="javascript:history.go(-1)"><?php _e('Back', 'tainacan-theme'); ?></a></li> <a href="javascript:history.go(-1)" class="list-inline-item float-right title-back"><?php _e('Back', 'tainacan-theme'); ?></a>
</ul> </div>
</div> </div>
</div> </div>
<div class="mt-3 tainacan-single-post collection-single-item"> <div class="mt-3 tainacan-single-post collection-single-item">

View File

@ -2,12 +2,12 @@
<?php while(have_posts()): the_post(); ?> <?php while(have_posts()): the_post(); ?>
<div class="tainacan-title"> <div class="tainacan-title">
<div class="border-bottom border-jelly-bean tainacan-title-page" style="border-width: 2px !important;"> <div class="border-bottom border-jelly-bean tainacan-title-page" style="border-width: 2px !important;">
<ul class="list-inline mb-1"> <div class="list-inline mb-1">
<li class="list-inline-item text-midnight-blue font-weight-bold title-page"> <h3 class="list-inline-item text-midnight-blue font-weight-bold title-page">
<?php the_title(); ?> <?php the_title(); ?>
</li> </h3>
<li class="list-inline-item float-right title-back"><a href="javascript:history.go(-1)"><?php _e('Back', 'tainacan-theme'); ?></a></li> <a href="javascript:history.go(-1)" class="list-inline-item float-right title-back"><?php _e('Back', 'tainacan-theme'); ?></a>
</ul> </div>
</div> </div>
</div> </div>
<div class="mt-3 tainacan-single-post"> <div class="mt-3 tainacan-single-post">