Skip to content

Commit

Permalink
fix-css-update-for-CR-email-template (#6186)
Browse files Browse the repository at this point in the history 
Fix: removing a css line that was blocking some style
Improvement: clean up some unnecessary comments 

Before the fix:

![image](https://github.com/Unleash/unleash/assets/103567375/7a94c20d-ea7c-40cd-b207-128ab5674e97)


after:

![image](https://github.com/Unleash/unleash/assets/103567375/11ebb46e-c724-4b38-91f6-f2f3e4aff9e6)
  • Loading branch information
@nicolaesocaciu
nicolaesocaciu committed Feb 13, 2024
1 parent 5c2998a commit 12d2a1b
Show file tree
Hide file tree
Showing 2 changed files with 126 additions and 171 deletions.
148 changes: 63 additions & 85 deletions src/mailtemplates/scheduled-change-conflict/scheduled-change-conflict.html.mustache
View file
Expand Up @@ -31,25 +31,17 @@
* @theme page
*/
body, #bodyTable{
/*@editable*/ background:#F7F7FA;
background:#F7F7FA;
}
/**
* @tab Page
* @section background style
* @tip Set the background color and top border for your email. You may want to choose colors that match your company's branding.
* @theme page
*/
#bodyCell{
}
/**
* @tab Page
* @section email border
* @tip Set the border for your email.
*/
#templateContainer{
/*@editable*/ border:2px solid #817AFE;
border:2px solid #817AFE;
border-radius: 12px;
overflow: hidden;
padding: 48px;
Expand All @@ -62,14 +54,14 @@
* @style heading 1
*/
h1{
/*@editable*/ color:#202021 !important;
color:#202021 !important;
display:block;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:24px;
/*@editable*/ font-style:normal;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:1.4;
/*@editable*/ letter-spacing:normal;
font-family:Helvetica;
font-size:24px;
font-style:normal;
font-weight:bold;
line-height:1.4;
letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:32px;
Expand All @@ -83,19 +75,19 @@
* @style heading 2
*/
h2{
/*@editable*/ color:#202021 !important;
color:#202021 !important;
display:block;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:20px;
/*@editable*/ font-style:normal;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:1.4;
/*@editable*/ letter-spacing:normal;
font-family:Helvetica;
font-size:20px;
font-style:normal;
font-weight:bold;
line-height:1.4;
letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:24px;
margin-left:0;
/*@editable*/ text-align:left;
text-align:left;
}
/**
Expand All @@ -105,19 +97,19 @@
* @style heading 3
*/
h3{
/*@editable*/ color:#202021 !important;
color:#202021 !important;
display:block;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:16px;
/*@editable*/ font-style:normal;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:1.4;
/*@editable*/ letter-spacing:normal;
font-family:Helvetica;
font-size:16px;
font-style:normal;
font-weight:bold;
line-height:1.4;
letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:16px;
margin-left:0;
/*@editable*/ text-align:left;
text-align:left;
}
/**
Expand All @@ -127,19 +119,19 @@
* @style heading 4
*/
h4{
/*@editable*/ color:#202021 !important;
color:#202021 !important;
display:block;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:14px;
/*@editable*/ font-style:normal;
/*@editable*/ font-weight:normal;
/*@editable*/ line-height:1.4;
/*@editable*/ letter-spacing:normal;
font-family:Helvetica;
font-size:14px;
font-style:normal;
font-weight:normal;
line-height:1.4;
letter-spacing:normal;
margin-top:0;
margin-right:0;
margin-bottom:16px;
margin-left:0;
/*@editable*/ text-align:left;
text-align:left;
}
/* ========== Header Styles ========== */
Expand All @@ -151,7 +143,7 @@
* @theme header
*/
#templateHeader{
/*@editable*/ color:#6E6E70;
color:#6E6E70;
}
/**
Expand All @@ -160,17 +152,17 @@
* @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
*/
.headerContent{
/*@editable*/ color:#6E6E70;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:20px;
/*@editable*/ font-weight:bold;
/*@editable*/ line-height:1.4;
/*@editable*/ padding-top:0;
/*@editable*/ padding-right:0;
/*@editable*/ padding-bottom:0;
/*@editable*/ padding-left:0;
/*@editable*/ text-align:left;
/*@editable*/ vertical-align:middle;
color:#6E6E70;
font-family:Helvetica;
font-size:20px;
font-weight:bold;
line-height:1.4;
padding-top:0;
padding-right:0;
padding-bottom:0;
padding-left:0;
text-align:left;
vertical-align:middle;
}
/**
Expand All @@ -179,13 +171,11 @@
* @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
*/
.headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
/*@editable*/ color:#fff;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
color:#fff;
font-weight:normal;
text-decoration:underline;
}
#headerImage{
}
/* ========== Body Styles ========== */
Expand All @@ -208,11 +198,11 @@
* @theme main
*/
.bodyContent{
/*@editable*/ color:#202021;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:16px;
/*@editable*/ line-height:1.4;
/*@editable*/ text-align:left;
color:#202021;
font-family:Helvetica;
font-size:16px;
line-height:1.4;
text-align:left;
}
.bodyContent img{
Expand Down Expand Up @@ -244,27 +234,18 @@
/* ========== Footer Styles ========== */
/**
* @tab Footer
* @section footer style
* @tip Set the background color and borders for your email's footer area.
* @theme footer
*/
#templateFooter{
}
/**
* @tab Footer
* @section footer text
* @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
* @theme footer
*/
.footerContent{
/*@editable*/ color:#6E6E70;
/*@editable*/ font-family:Helvetica;
/*@editable*/ font-size:14px;
/*@editable*/ line-height:1.4;
/*@editable*/ text-align:left;
color:#6E6E70;
font-family:Helvetica;
font-size:14px;
line-height:1.4;
text-align:left;
}
.footerContent a {
Expand All @@ -286,9 +267,9 @@
* @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
*/
.footerContent a:link, .footerContent a:visited, /* Yahoo! Mail Override */ .footerContent a .yshortcuts, .footerContent a span /* Yahoo! Mail Override */{
/*@editable*/ color:#615BC2;
/*@editable*/ font-weight:normal;
/*@editable*/ text-decoration:underline;
color:#615BC2;
font-weight:normal;
text-decoration:underline;
}
/* /\/\/\/\/\/\/\/\/ MOBILE STYLES /\/\/\/\/\/\/\/\/ */
Expand All @@ -312,13 +293,10 @@
*/
#templateContainer{
max-width:600px !important;
/*@editable*/ width:100% !important;
width:100% !important;
padding: 32px;
}
/* ======== Header Styles ======== */
/* ======== Body Styles ======== */
Expand Down

0 comments on commit 12d2a1b

Please sign in to comment.