From 080305b61beabbf45e8d11e1725929d4a12ca617 Mon Sep 17 00:00:00 2001
From: Romain Courteaud <romain@nexedi.com>
Date: Fri, 22 Nov 2019 13:50:20 +0000
Subject: [PATCH] [erp5_web_renderjs_ui] Add text shadow to white text on clear
background
---
.../web_page_module/rjs_gadget_erp5_nojqm_css.css | 5 +++++
.../web_page_module/rjs_gadget_erp5_nojqm_css.xml | 4 ++--
.../portal_skins/erp5_web_renderjs_ui/erp5css.less.txt | 7 +++++++
3 files changed, 14 insertions(+), 2 deletions(-)
diff --git a/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css b/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css
index 20f0b82d79..b0bd019bf8 100644
--- a/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css
+++ b/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css
@@ -732,6 +732,7 @@ div[data-gadget-scope='header'] .ui-header {
flex-flow: row wrap;
width: 100%;
color: #FFFFFF;
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
background-color: #0E81C2;
}
@media not screen and (max-width: 85em) {
@@ -743,6 +744,7 @@ div[data-gadget-scope='header'] .ui-header {
div[data-gadget-scope='header'] .ui-header button,
div[data-gadget-scope='header'] .ui-header a {
color: #FFFFFF;
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
transition: background-color 0.2s ease-out;
}
div[data-gadget-scope='header'] .ui-header button:hover,
@@ -1012,6 +1014,7 @@ div[data-gadget-scope='header'] .ui-header ul {
border-width: 1px;
border-style: solid;
min-width: 8em;
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.gadget-content input[type='submit']:hover,
.gadget-content input[type='submit']:focus {
@@ -1194,6 +1197,7 @@ div[data-gadget-scope='header'] .ui-header ul {
.gadget-content form .ui-field-contain > span {
background-color: #FF6600;
color: #f8fff3;
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
left: 25%;
position: absolute;
bottom: 110%;
@@ -1614,6 +1618,7 @@ div[data-gadget-scope='notification'] button {
width: 180pt;
padding: 12pt;
color: #f8fff3;
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
border-radius: 0.325em;
}
div[data-gadget-scope='notification'] button.success {
diff --git a/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.xml b/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.xml
index 058ed1522c..79f7be1bf2 100644
--- a/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.xml
+++ b/bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.xml
@@ -246,7 +246,7 @@
</item>
<item>
<key> <string>serial</string> </key>
- <value> <string>979.51829.41265.35805</string> </value>
+ <value> <string>979.63643.1243.63317</string> </value>
</item>
<item>
<key> <string>state</string> </key>
@@ -264,7 +264,7 @@
</tuple>
<state>
<tuple>
- <float>1574429069.76</float>
+ <float>1574431058.05</float>
<string>UTC</string>
</tuple>
</state>
diff --git a/bt5/erp5_web_renderjs_ui/SkinTemplateItem/portal_skins/erp5_web_renderjs_ui/erp5css.less.txt b/bt5/erp5_web_renderjs_ui/SkinTemplateItem/portal_skins/erp5_web_renderjs_ui/erp5css.less.txt
index 78c1a15e50..edceaee36f 100644
--- a/bt5/erp5_web_renderjs_ui/SkinTemplateItem/portal_skins/erp5_web_renderjs_ui/erp5css.less.txt
+++ b/bt5/erp5_web_renderjs_ui/SkinTemplateItem/portal_skins/erp5_web_renderjs_ui/erp5css.less.txt
@@ -109,6 +109,8 @@
@invalid-border: @border-size @border-type @coloraccent;
@invalid-box-shadow: 0 0 @double-margin-size @coloraccent;
+@foreground-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.20);
+
@quarter-margin-size: 1.5pt;
@half-margin-size: 3pt;
@margin-size: 6pt;
@@ -932,10 +934,12 @@ div[data-gadget-scope='header'] .ui-header {
}
color: @white;
+ text-shadow: @foreground-text-shadow;
background-color: @colorsubheaderbackground;
button, a {
color: @white;
+ text-shadow: @foreground-text-shadow;
transition: background-color @transition-timing;
&:hover, &:active {
background-color: lighten(@colorheaderbackground, 20%);
@@ -1182,6 +1186,7 @@ div[data-gadget-scope='header'] .ui-header {
// Dialog page template main submit button
input[type='submit'] {
.renderPageSubmitButton(@coloraccent);
+ text-shadow: @foreground-text-shadow;
}
// Dialog page template update button
button[name='action_update'] {
@@ -1405,6 +1410,7 @@ div[data-gadget-scope='header'] .ui-header {
@media @desktop, @tablet {
background-color: @coloraccent;
color: @colorsubheaderlink;
+ text-shadow: @foreground-text-shadow;
left: 25%;
position: absolute;
bottom: 110%;
@@ -1886,6 +1892,7 @@ div[data-gadget-scope='notification'] {
width: @panelwidth;
padding: @double-margin-size;
color: @colorsubheaderlink;
+ text-shadow: @foreground-text-shadow;
border-radius: @border-radius;
&.success {
background-color: @backgroundgreen;
--
2.30.9