NextERP/documentation
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mobile fixes

Browse Source
This commit is contained in:
Elisabeth Dickinson 2021-03-08 10:58:57 +01:00
parent 95012afbb2
commit 63fc64eb70
3 changed files with 24 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
extensions/odoo_theme/layout_templates/header.html
View File

@ -6,7 +6,7 @@
</a>
</div>
{% include "layout_templates/searchbox.html" %}
<div class="d-none d-md-flex">
<div class="d-none d-lg-flex">
{#{% if alternate_languages %}#}
{% include "layout_templates/language_switcher.html" %}
{#{% endif %}#}

2
extensions/odoo_theme/layout_templates/searchbox.html
View File

@ -1,4 +1,4 @@
<div id="searchbox" class="d-flex flex-grow-1 justify-content-end justify-content-md-start" role="search">
<div id="searchbox" class="d-flex flex-grow-1 justify-content-end justify-content-lg-start" role="search">
<form class="o_search" action="{{ pathto('search') }}" method="get">
<input type="text" name="q" id="q" class="form-control rounded-pill" placeholder="What are you looking for?">
<input type="hidden" name="area" value="default">

34
extensions/odoo_theme/static/style.scss
View File

@ -38,22 +38,27 @@ header.o_main_header{
right: 0;
background-color: $o-header-white;
z-index: 10;
padding-right: 3rem;
@include media-breakpoint-up(lg) {
padding-right: 3rem;
}
.o_logo_wrapper {
@include media-breakpoint-up(lg) {
padding: 0 1rem;
> .o_logo {
img {
margin-bottom: -2px;
vertical-align: baseline;
}
span {
@include font-size($font-size-base);
color: $o-violet;
}
}
@include media-breakpoint-up(xl) {
width: $o-side-nav-width;
}
@include media-breakpoint-up(lg) {
padding-left: 3rem;
margin-right: 3rem;
> .o_logo {
img {
margin-bottom: -2px;
vertical-align: baseline;
}
span {
@include font-size($font-size-base);
color: $o-violet;
}
}
}
}
.o_search {
@ -283,6 +288,11 @@ header.o_main_header{
margin-top: $o-header-height;
display: flex;
justify-content: space-between;
padding: 0 1rem;
@include media-breakpoint-up(lg) {
padding: 0;
}
main {
position: relative;