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

[FIX] web_responsive: Label width on modal and the readme images

13.0
Alexandre D. Díaz 2021-11-29 15:01:44 +01:00
parent fb29a0ad14
commit 6cc52ed6df
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 * 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: 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 * 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: 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"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <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> <title>Web Responsive</title>
<style type="text/css"> <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" /> <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>
<li><p class="first">Increase the size of the labels in extra large screens</p> <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> </li>
</ul> </ul>
<p>Features for mobile:</p> <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 // Size of labels
.o_web_client { .o_web_client {
&.o_chatter_position_sided { &.o_chatter_position_sided {
.o_content, .o_action_manager {
.modal-content { .o_content,
@include media-breakpoint-up(xl, $o-extra-grid-breakpoints) { .modal-content {
.o_inner_group { @include media-breakpoint-up(xl, $o-extra-grid-breakpoints) {
.o_td_label { .o_inner_group {
min-width: 260px !important; .o_td_label {
min-width: 260px !important;
}
} }
} }
} @include media-breakpoint-between(lg, xl, $o-extra-grid-breakpoints) {
@include media-breakpoint-between(lg, xl, $o-extra-grid-breakpoints) { .o_group_col_6 {
.o_group_col_6 { width: 100% !important;
width: 100% !important; }
} }
} }
} }
} }
&:not(.o_chatter_position_sided) { &:not(.o_chatter_position_sided) {
@include media-breakpoint-up(lg, $o-extra-grid-breakpoints) { @include media-breakpoint-up(lg, $o-extra-grid-breakpoints) {
.o_content, .o_action_manager {
.modal-content { .o_content,
.o_inner_group { .modal-content {
.o_td_label { .o_inner_group {
min-width: 260px !important; .o_td_label {
min-width: 260px !important;
}
} }
} }
} }