Fixes to the item navigation responsiveness
This commit is contained in:
parent
114c641c65
commit
b31a9b9a87
|
@ -939,8 +939,21 @@
|
||||||
#item-single-navigation {
|
#item-single-navigation {
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
flex-grow: 2;
|
flex-grow: 2;
|
||||||
|
max-width: 50%;
|
||||||
|
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
& {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 986px) {
|
||||||
|
& {
|
||||||
|
max-width: 66%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.pagination {
|
.pagination {
|
||||||
|
max-width: 50%;
|
||||||
flex-basis: 50%;
|
flex-basis: 50%;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
@ -965,7 +978,7 @@
|
||||||
margin-left: 0.1rem;
|
margin-left: 0.1rem;
|
||||||
}
|
}
|
||||||
span {
|
span {
|
||||||
max-width: 50%;
|
max-width: 75%;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
|
@ -55,7 +55,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
form{
|
form {
|
||||||
.input-group-append{
|
.input-group-append{
|
||||||
button{
|
button{
|
||||||
height: 30px;
|
height: 30px;
|
||||||
|
@ -73,9 +73,30 @@
|
||||||
#tainacan-search{
|
#tainacan-search{
|
||||||
font-size: 0.75rem;
|
font-size: 0.75rem;
|
||||||
color: #555758;
|
color: #555758;
|
||||||
|
border-color: #dbdbdb;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
|
border-radius: 0px;
|
||||||
&:focus{
|
&:focus{
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
|
border-color: #555758;
|
||||||
|
}
|
||||||
|
&+.input-group-append button {
|
||||||
|
border-left-width: 0;
|
||||||
|
border-color: #dbdbdb;
|
||||||
|
border-radius: 0px;
|
||||||
|
padding: 0 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.search-controls {
|
||||||
|
padding: 0.75rem 0.875rem 0.5rem 0.875rem;
|
||||||
|
font-size: 0.75rem;
|
||||||
|
column-count: 2;
|
||||||
|
label {
|
||||||
|
white-space: normal;
|
||||||
|
display: flex;
|
||||||
|
input {
|
||||||
|
margin-right: 0.5rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -176,8 +176,8 @@ function tainacan_customize_editor_css() {
|
||||||
?>
|
?>
|
||||||
<style>
|
<style>
|
||||||
.editor-styles-wrapper {
|
.editor-styles-wrapper {
|
||||||
--tainacan-color-default: <?php echo $color_scheme[2] ?>;
|
--tainacan-color-default: <?php echo $default_color == 'default' ? '#298596' : $default_color; ?>;
|
||||||
--tainacan-block-primary: <?php echo $color_scheme[2] ?>;
|
--tainacan-block-primary: <?php echo $default_color == 'default' ? '#298596' : $default_color;?>;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<?php
|
<?php
|
||||||
|
|
|
@ -36,7 +36,7 @@
|
||||||
</h2>
|
</h2>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<div id="item-single-navigation" class="d-flex align-items-center justify-center margin-one-column">
|
<div id="item-single-navigation" class="d-flex align-items-center justify-center">
|
||||||
<div class="pagination">
|
<div class="pagination">
|
||||||
<?php echo $previous; ?>
|
<?php echo $previous; ?>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue