Techsystech
/
web
mirror of https://github.com/OCA/web.git
3
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity

Merge PR #2102 into 13.0 

Signed-off-by tarteo
pull/2126/head
OCA-git-bot 2021-12-16 14:20:00 +00:00
parent f0dc1854f4 6cc52ed6df
commit 5e7f9bb86f
7 changed files with 28 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web_responsive/README.rst
View File

@ -39,7 +39,9 @@ Features for all devices:
* 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
.. image:: https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/label_size_small.png
.. image:: https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/label_size_large.png
Features for mobile:

4
web_responsive/readme/DESCRIPTION.rst
View File

@ -12,7 +12,9 @@ Features for all devices:
* Increase the size of the labels in extra large screens
.. image:: ../static/img/label_sided.gif
.. image:: ../static/img/label_size_small.png
.. image:: ../static/img/label_size_large.png
Features for mobile:

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">
@ -378,7 +378,8 @@ ul.auto-toc {
<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" />
<img alt="https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/label_size_small.png" src="https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/label_size_small.png" />
<img alt="https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/label_size_large.png" src="https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/label_size_large.png" />
</li>
</ul>
<p>Features for mobile:</p>

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

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 10 MiB

BIN
web_responsive/static/img/label_size_large.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
web_responsive/static/img/label_size_small.png 100644
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

34
web_responsive/static/src/scss/web_responsive.scss
View File

@ -433,29 +433,33 @@ 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;
.o_action_manager {
.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;
@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;
.o_action_manager {
.o_content,
.modal-content {
.o_inner_group {
.o_td_label {
min-width: 260px !important;
}
}
}
}