audrius/web
1
0
Fork 1
mirror of https://github.com/OCA/web.git synced 2025-02-22 13:21:25 +02:00
Code Issues Packages Projects Releases Wiki Activity

[IMP] web_responsive: Adapt label width

Browse Source
This commit is contained in:
Alexandre D. Díaz
2021-11-24 11:54:39 +01:00
parent c187e9149c
commit cd9305fff4
6 changed files with 47 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web_responsive/README.rst
View File

@@ -37,6 +37,10 @@ Features for all devices:
.. image:: https://user-images.githubusercontent.com/973709/48417213-17576600-e74a-11e8-846a-57691e82636b.gif
* Increase the size of the labels in extra large screens
.. image:: https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/label_sided.gif
Features for mobile:
* App-specific submenus are shown on full screen when toggling them from the

4
web_responsive/readme/DESCRIPTION.rst
View File

@@ -10,6 +10,10 @@ Features for all devices:
.. image:: https://user-images.githubusercontent.com/973709/48417213-17576600-e74a-11e8-846a-57691e82636b.gif
* Increase the size of the labels in extra large screens
.. image:: ../static/img/label_sided.gif
Features for mobile:
* App-specific submenus are shown on full screen when toggling them from the

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

@@ -3,7 +3,7 @@
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="generator" content="Docutils 0.15.1: http://docutils.sourceforge.net/" />
<meta name="generator" content="Docutils: http://docutils.sourceforge.net/" />
<title>Web Responsive</title>
<style type="text/css">
@@ -377,6 +377,9 @@ ul.auto-toc {
<li><p class="first">Quick menu search from the app drawer</p>
<img alt="https://user-images.githubusercontent.com/973709/48417213-17576600-e74a-11e8-846a-57691e82636b.gif" src="https://user-images.githubusercontent.com/973709/48417213-17576600-e74a-11e8-846a-57691e82636b.gif" />
</li>
<li><p class="first">Increase the size of the labels in extra large screens</p>
<img alt="https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/label_sided.gif" src="https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/label_sided.gif" />
</li>
</ul>
<p>Features for mobile:</p>
<ul>

BIN
web_responsive/static/img/label_sided.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 MiB

33
web_responsive/static/src/css/web_responsive.scss → web_responsive/static/src/scss/web_responsive.scss
View File

@@ -430,6 +430,39 @@ html .o_web_client .o_action_manager .o_action {
}
}
// Size of labels
.o_web_client {
&.o_chatter_position_sided {
.o_content,
.modal-content {
@include media-breakpoint-up(xl, $o-extra-grid-breakpoints) {
.o_inner_group {
.o_td_label {
min-width: 260px !important;
}
}
}
@include media-breakpoint-between(lg, xl, $o-extra-grid-breakpoints) {
.o_group_col_6 {
width: 100% !important;
}
}
}
}
&:not(.o_chatter_position_sided) {
@include media-breakpoint-up(lg, $o-extra-grid-breakpoints) {
.o_content,
.modal-content {
.o_inner_group {
.o_td_label {
min-width: 260px !important;
}
}
}
}
}
}
// Normal views
.o_content,
.modal-content {

3
web_responsive/views/assets.xml
View File

@@ -12,8 +12,9 @@
>
<xpath expr=".">
<link
type="text/css"
rel="stylesheet"
href="/web_responsive/static/src/css/web_responsive.scss"
href="/web_responsive/static/src/scss/web_responsive.scss"
/>
<script
type="application/javascript"