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> </a>
</div> </div>
{% include "layout_templates/searchbox.html" %} {% include "layout_templates/searchbox.html" %}
<div class="d-none d-md-flex"> <div class="d-none d-lg-flex">
{#{% if alternate_languages %}#} {#{% if alternate_languages %}#}
{% include "layout_templates/language_switcher.html" %} {% include "layout_templates/language_switcher.html" %}
{#{% endif %}#} {#{% 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"> <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="text" name="q" id="q" class="form-control rounded-pill" placeholder="What are you looking for?">
<input type="hidden" name="area" value="default"> <input type="hidden" name="area" value="default">

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

@ -38,12 +38,11 @@ header.o_main_header{
right: 0; right: 0;
background-color: $o-header-white; background-color: $o-header-white;
z-index: 10; z-index: 10;
padding-right: 3rem;
.o_logo_wrapper {
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
width: $o-side-nav-width; padding-right: 3rem;
padding-left: 3rem; }
margin-right: 3rem; .o_logo_wrapper {
padding: 0 1rem;
> .o_logo { > .o_logo {
img { img {
margin-bottom: -2px; margin-bottom: -2px;
@ -54,6 +53,12 @@ header.o_main_header{
color: $o-violet; 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_search { .o_search {
@ -283,6 +288,11 @@ header.o_main_header{
margin-top: $o-header-height; margin-top: $o-header-height;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 0 1rem;
@include media-breakpoint-up(lg) {
padding: 0;
}
main { main {
position: relative; position: relative;