Techsystech
/
web_techsystech
forked from Techsystech/web
3
0
Fork 0
Code Pull Requests Activity

[FIX] web_responsive: Hide search panel on small screens

13.0
Alexandre D. Díaz 2020-11-27 12:50:16 +01:00
parent 62465b5d54
commit 0f59607bd9
5 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web_responsive/README.rst
View File

@ -62,6 +62,10 @@ Features for mobile:
.. image:: https://user-images.githubusercontent.com/973709/50965168-1d0ec500-14c9-11e9-82a0-dfee82ed0861.gif .. image:: https://user-images.githubusercontent.com/973709/50965168-1d0ec500-14c9-11e9-82a0-dfee82ed0861.gif
* Search panel is hidden on small screens.
.. image:: https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/search_panel.gif
Features for computers: Features for computers:
* Keyboard shortcuts for easier navigation, **using ``Alt + Shift + [key]``** * Keyboard shortcuts for easier navigation, **using ``Alt + Shift + [key]``**

4
web_responsive/readme/DESCRIPTION.rst
View File

@ -35,6 +35,10 @@ Features for mobile:
.. image:: https://user-images.githubusercontent.com/973709/50965168-1d0ec500-14c9-11e9-82a0-dfee82ed0861.gif .. image:: https://user-images.githubusercontent.com/973709/50965168-1d0ec500-14c9-11e9-82a0-dfee82ed0861.gif
* Search panel is hidden on small screens.
.. image:: ../static/img/search_panel.gif
Features for computers: Features for computers:
* Keyboard shortcuts for easier navigation, **using ``Alt + Shift + [key]``** * Keyboard shortcuts for easier navigation, **using ``Alt + Shift + [key]``**

3
web_responsive/static/description/index.html
View File

@ -398,6 +398,9 @@ Other control panel buttons use icons to save space.</p>
<li><p class="first">Breadcrumbs navigation is collapsed with a “back arrow” button.</p> <li><p class="first">Breadcrumbs navigation is collapsed with a “back arrow” button.</p>
<img alt="https://user-images.githubusercontent.com/973709/50965168-1d0ec500-14c9-11e9-82a0-dfee82ed0861.gif" src="https://user-images.githubusercontent.com/973709/50965168-1d0ec500-14c9-11e9-82a0-dfee82ed0861.gif" /> <img alt="https://user-images.githubusercontent.com/973709/50965168-1d0ec500-14c9-11e9-82a0-dfee82ed0861.gif" src="https://user-images.githubusercontent.com/973709/50965168-1d0ec500-14c9-11e9-82a0-dfee82ed0861.gif" />
</li> </li>
<li><p class="first">Search panel is hidden on small screens.</p>
<img alt="https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/search_panel.gif" src="https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/search_panel.gif" />
</li>
</ul> </ul>
<p>Features for computers:</p> <p>Features for computers:</p>
<ul> <ul>

BIN
web_responsive/static/img/search_panel.gif 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.1 MiB

10
web_responsive/static/src/css/web_responsive.scss
View File

@ -747,3 +747,13 @@ html .o_web_client .o_action_manager .o_action {
} }
} }
} }
// Search Panel
@include media-breakpoint-down(sm) {
// Hide search panel
.o_controller_with_searchpanel {
.o_search_panel {
display: none;
}
}
}