mirror of
https://github.com/Unleash/unleash.git
synced 2025-10-27 11:02:16 +01:00
feat: more info on staleness in health report (#5582)
Adds an info tooltip for potentially stale and a link to configure feature toggle type lifetime Closes [UNL-215](https://linear.app/unleash/issue/UNL-215/improve-health-page-with-some-guidance-about-staleness) <img width="1323" alt="Screenshot 2023-12-11 at 11 39 36" src="https://github.com/Unleash/unleash/assets/104830839/386ec6e6-55df-42ca-b5e0-ef3e75448452"> <img width="1316" alt="Screenshot 2023-12-11 at 11 43 07" src="https://github.com/Unleash/unleash/assets/104830839/5bf7df15-ff87-4ce0-be25-0c031c881d05"> --------- Signed-off-by: andreas-unleash <andreas@getunleash.ai>
This commit is contained in:
andreas-unleash
GitHub
parent
fb5a487663
commit
2322e1149a
@ -1,9 +1,12 @@
|
|||||||
import { Box, Paper, styled } from '@mui/material';
|
import { Box, Link, Paper, styled } from '@mui/material';
|
||||||
import CheckIcon from '@mui/icons-material/Check';
|
import CheckIcon from '@mui/icons-material/Check';
|
||||||
|
import { Link as RouterLink } from 'react-router-dom';
|
||||||
import ReportProblemOutlinedIcon from '@mui/icons-material/ReportProblemOutlined';
|
import ReportProblemOutlinedIcon from '@mui/icons-material/ReportProblemOutlined';
|
||||||
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
|
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
|
||||||
import ReactTimeAgo from 'react-timeago';
|
import ReactTimeAgo from 'react-timeago';
|
||||||
import { IProjectHealthReport } from 'interfaces/project';
|
import { IProjectHealthReport } from 'interfaces/project';
|
||||||
|
import { HtmlTooltip } from 'component/common/HtmlTooltip/HtmlTooltip';
|
||||||
|
import { InfoOutlined } from '@mui/icons-material';
|
||||||
|
|
||||||
const StyledBoxActive = styled(Box)(({ theme }) => ({
|
const StyledBoxActive = styled(Box)(({ theme }) => ({
|
||||||
display: 'flex',
|
display: 'flex',
|
||||||
@ -39,6 +42,8 @@ const StyledPaper = styled(Paper)(({ theme }) => ({
|
|||||||
const StyledHeader = styled('h2')(({ theme }) => ({
|
const StyledHeader = styled('h2')(({ theme }) => ({
|
||||||
fontSize: theme.fontSizes.mainHeader,
|
fontSize: theme.fontSizes.mainHeader,
|
||||||
marginBottom: theme.spacing(1),
|
marginBottom: theme.spacing(1),
|
||||||
|
justifyItems: 'center',
|
||||||
|
display: 'flex',
|
||||||
}));
|
}));
|
||||||
|
|
||||||
const StyledHealthRating = styled('p')(({ theme }) => ({
|
const StyledHealthRating = styled('p')(({ theme }) => ({
|
||||||
@ -98,6 +103,30 @@ export const ReportCard = ({ healthReport }: IReportCardProps) => {
|
|||||||
</StyledBoxStale>
|
</StyledBoxStale>
|
||||||
);
|
);
|
||||||
|
|
||||||
|
const StalenessInfoIcon = () => (
|
||||||
|
<HtmlTooltip
|
||||||
|
title={
|
||||||
|
<>
|
||||||
|
If your toggle exceeds the expected lifetime of it's toggle
|
||||||
|
type it will be marked as potentially stale.
|
||||||
|
<Box sx={{ mt: 2 }}>
|
||||||
|
<a
|
||||||
|
href='https://docs.getunleash.io/reference/technical-debt#stale-and-potentially-stale-toggles'
|
||||||
|
target='_blank'
|
||||||
|
rel='noreferrer'
|
||||||
|
>
|
||||||
|
Read more in the documentation
|
||||||
|
</a>
|
||||||
|
</Box>
|
||||||
|
</>
|
||||||
|
}
|
||||||
|
>
|
||||||
|
<InfoOutlined
|
||||||
|
sx={{ color: (theme) => theme.palette.text.secondary, ml: 1 }}
|
||||||
|
/>
|
||||||
|
</HtmlTooltip>
|
||||||
|
);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<StyledPaper>
|
<StyledPaper>
|
||||||
<Box>
|
<Box>
|
||||||
@ -149,7 +178,12 @@ export const ReportCard = ({ healthReport }: IReportCardProps) => {
|
|||||||
</StyledList>
|
</StyledList>
|
||||||
</Box>
|
</Box>
|
||||||
<Box sx={{ flexBasis: '40%' }}>
|
<Box sx={{ flexBasis: '40%' }}>
|
||||||
<StyledHeader>Potential actions</StyledHeader>
|
<StyledHeader>
|
||||||
|
Potential actions{' '}
|
||||||
|
<span>
|
||||||
|
<StalenessInfoIcon />
|
||||||
|
</span>
|
||||||
|
</StyledHeader>
|
||||||
<StyledList>
|
<StyledList>
|
||||||
<li>
|
<li>
|
||||||
<ConditionallyRender
|
<ConditionallyRender
|
||||||
@ -163,10 +197,20 @@ export const ReportCard = ({ healthReport }: IReportCardProps) => {
|
|||||||
<ConditionallyRender
|
<ConditionallyRender
|
||||||
condition={Boolean(healthReport.potentiallyStaleCount)}
|
condition={Boolean(healthReport.potentiallyStaleCount)}
|
||||||
show={
|
show={
|
||||||
|
<>
|
||||||
<StyledAlignedItem>
|
<StyledAlignedItem>
|
||||||
Review your feature toggles and delete unused
|
Review your feature toggles and delete unused
|
||||||
toggles.
|
toggles.
|
||||||
</StyledAlignedItem>
|
</StyledAlignedItem>
|
||||||
|
<Box sx={{ mt: 2 }}>
|
||||||
|
<Link
|
||||||
|
component={RouterLink}
|
||||||
|
to={'/feature-toggle-type'}
|
||||||
|
>
|
||||||
|
Configure feature types lifetime
|
||||||
|
</Link>
|
||||||
|
</Box>
|
||||||
|
</>
|
||||||
}
|
}
|
||||||
elseShow={<span>No action is required</span>}
|
elseShow={<span>No action is required</span>}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@ -0,0 +1,527 @@
|
|||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||||
|
<title>*|MC:SUBJECT|*</title>
|
||||||
|
<style type="text/css">
|
||||||
|
/* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
|
||||||
|
#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
|
||||||
|
.ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
|
||||||
|
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
|
||||||
|
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
|
||||||
|
table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
|
||||||
|
img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
|
||||||
|
|
||||||
|
/* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
|
||||||
|
body{margin:0; padding:0;}
|
||||||
|
img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
|
||||||
|
table{border-collapse:collapse !important;}
|
||||||
|
body, #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;}
|
||||||
|
|
||||||
|
/* /\/\/\/\/\/\/\/\/ TEMPLATE STYLES /\/\/\/\/\/\/\/\/ */
|
||||||
|
|
||||||
|
/* ========== Page Styles ========== */
|
||||||
|
|
||||||
|
#bodyCell{padding:20px;}
|
||||||
|
#templateContainer{width:600px;}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @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
|
||||||
|
*/
|
||||||
|
body, #bodyTable{
|
||||||
|
/*@editable*/ background-color:#DEE0E2;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @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{
|
||||||
|
/*@editable*/ border-top:4px solid #BBBBBB;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Page
|
||||||
|
* @section email border
|
||||||
|
* @tip Set the border for your email.
|
||||||
|
*/
|
||||||
|
#templateContainer{
|
||||||
|
/*@editable*/ border:1px solid #BBBBBB;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Page
|
||||||
|
* @section heading 1
|
||||||
|
* @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
|
||||||
|
* @style heading 1
|
||||||
|
*/
|
||||||
|
h1{
|
||||||
|
/*@editable*/ color:#202020 !important;
|
||||||
|
display:block;
|
||||||
|
/*@editable*/ font-family:Helvetica;
|
||||||
|
/*@editable*/ font-size:26px;
|
||||||
|
/*@editable*/ font-style:normal;
|
||||||
|
/*@editable*/ font-weight:bold;
|
||||||
|
/*@editable*/ line-height:100%;
|
||||||
|
/*@editable*/ letter-spacing:normal;
|
||||||
|
margin-top:0;
|
||||||
|
margin-right:0;
|
||||||
|
margin-bottom:10px;
|
||||||
|
margin-left:0;
|
||||||
|
/*@editable*/ text-align:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Page
|
||||||
|
* @section heading 2
|
||||||
|
* @tip Set the styling for all second-level headings in your emails.
|
||||||
|
* @style heading 2
|
||||||
|
*/
|
||||||
|
h2{
|
||||||
|
/*@editable*/ color:#404040 !important;
|
||||||
|
display:block;
|
||||||
|
/*@editable*/ font-family:Helvetica;
|
||||||
|
/*@editable*/ font-size:20px;
|
||||||
|
/*@editable*/ font-style:normal;
|
||||||
|
/*@editable*/ font-weight:bold;
|
||||||
|
/*@editable*/ line-height:100%;
|
||||||
|
/*@editable*/ letter-spacing:normal;
|
||||||
|
margin-top:0;
|
||||||
|
margin-right:0;
|
||||||
|
margin-bottom:10px;
|
||||||
|
margin-left:0;
|
||||||
|
/*@editable*/ text-align:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Page
|
||||||
|
* @section heading 3
|
||||||
|
* @tip Set the styling for all third-level headings in your emails.
|
||||||
|
* @style heading 3
|
||||||
|
*/
|
||||||
|
h3{
|
||||||
|
/*@editable*/ color:#606060 !important;
|
||||||
|
display:block;
|
||||||
|
/*@editable*/ font-family:Helvetica;
|
||||||
|
/*@editable*/ font-size:16px;
|
||||||
|
/*@editable*/ font-style:italic;
|
||||||
|
/*@editable*/ font-weight:normal;
|
||||||
|
/*@editable*/ line-height:100%;
|
||||||
|
/*@editable*/ letter-spacing:normal;
|
||||||
|
margin-top:0;
|
||||||
|
margin-right:0;
|
||||||
|
margin-bottom:10px;
|
||||||
|
margin-left:0;
|
||||||
|
/*@editable*/ text-align:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Page
|
||||||
|
* @section heading 4
|
||||||
|
* @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
|
||||||
|
* @style heading 4
|
||||||
|
*/
|
||||||
|
h4{
|
||||||
|
/*@editable*/ color:#808080 !important;
|
||||||
|
display:block;
|
||||||
|
/*@editable*/ font-family:Helvetica;
|
||||||
|
/*@editable*/ font-size:14px;
|
||||||
|
/*@editable*/ font-style:italic;
|
||||||
|
/*@editable*/ font-weight:normal;
|
||||||
|
/*@editable*/ line-height:100%;
|
||||||
|
/*@editable*/ letter-spacing:normal;
|
||||||
|
margin-top:0;
|
||||||
|
margin-right:0;
|
||||||
|
margin-bottom:10px;
|
||||||
|
margin-left:0;
|
||||||
|
/*@editable*/ text-align:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ========== Header Styles ========== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Header
|
||||||
|
* @section preheader style
|
||||||
|
* @tip Set the background color and bottom border for your email's preheader area.
|
||||||
|
* @theme header
|
||||||
|
*/
|
||||||
|
#templatePreheader{
|
||||||
|
/*@editable*/ background-color:#fff;
|
||||||
|
/*@editable*/ border-bottom:1px solid #CCCCCC;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Header
|
||||||
|
* @section preheader text
|
||||||
|
* @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
|
||||||
|
*/
|
||||||
|
.preheaderContent{
|
||||||
|
/*@editable*/ color:#808080;
|
||||||
|
/*@editable*/ font-family:Helvetica;
|
||||||
|
/*@editable*/ font-size:10px;
|
||||||
|
/*@editable*/ line-height:125%;
|
||||||
|
/*@editable*/ text-align:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Header
|
||||||
|
* @section preheader link
|
||||||
|
* @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
|
||||||
|
*/
|
||||||
|
.preheaderContent a:link, .preheaderContent a:visited, /* Yahoo! Mail Override */ .preheaderContent a .yshortcuts /* Yahoo! Mail Override */{
|
||||||
|
/*@editable*/ color:#fff;
|
||||||
|
/*@editable*/ font-weight:normal;
|
||||||
|
/*@editable*/ text-decoration:underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Header
|
||||||
|
* @section header style
|
||||||
|
* @tip Set the background color and borders for your email's header area.
|
||||||
|
* @theme header
|
||||||
|
*/
|
||||||
|
#templateHeader{
|
||||||
|
/*@editable*/ background-color:#fff;
|
||||||
|
/*@editable*/ border-top:1px solid #FFFFFF;
|
||||||
|
/*@editable*/ border-bottom:1px solid #CCCCCC;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Header
|
||||||
|
* @section header text
|
||||||
|
* @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
|
||||||
|
*/
|
||||||
|
.headerContent{
|
||||||
|
/*@editable*/ color:#505050;
|
||||||
|
/*@editable*/ font-family:Helvetica;
|
||||||
|
/*@editable*/ font-size:20px;
|
||||||
|
/*@editable*/ font-weight:bold;
|
||||||
|
/*@editable*/ line-height:100%;
|
||||||
|
/*@editable*/ padding-top:0;
|
||||||
|
/*@editable*/ padding-right:0;
|
||||||
|
/*@editable*/ padding-bottom:0;
|
||||||
|
/*@editable*/ padding-left:0;
|
||||||
|
/*@editable*/ text-align:left;
|
||||||
|
/*@editable*/ vertical-align:middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Header
|
||||||
|
* @section header link
|
||||||
|
* @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;
|
||||||
|
}
|
||||||
|
|
||||||
|
#headerImage{
|
||||||
|
height:auto;
|
||||||
|
max-width:600px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ========== Body Styles ========== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Body
|
||||||
|
* @section body style
|
||||||
|
* @tip Set the background color and borders for your email's body area.
|
||||||
|
*/
|
||||||
|
#templateBody{
|
||||||
|
/*@editable*/ background-color:#fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Body
|
||||||
|
* @section body text
|
||||||
|
* @tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
|
||||||
|
* @theme main
|
||||||
|
*/
|
||||||
|
.bodyContent{
|
||||||
|
/*@editable*/ color:#505050;
|
||||||
|
/*@editable*/ font-family:Helvetica;
|
||||||
|
/*@editable*/ font-size:14px;
|
||||||
|
/*@editable*/ line-height:150%;
|
||||||
|
/*@editable*/ border-bottom: 1px solid #CCCCCC;
|
||||||
|
padding-top:20px;
|
||||||
|
padding-right:20px;
|
||||||
|
padding-bottom:20px;
|
||||||
|
padding-left:20px;
|
||||||
|
/*@editable*/ text-align:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bodyContent img{
|
||||||
|
display:inline;
|
||||||
|
height:auto;
|
||||||
|
max-width:560px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.changeRequestLink {
|
||||||
|
text-decoration: none;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.changeRequestLink:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ========== Footer Styles ========== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Footer
|
||||||
|
* @section footer style
|
||||||
|
* @tip Set the background color and borders for your email's footer area.
|
||||||
|
* @theme footer
|
||||||
|
*/
|
||||||
|
#templateFooter{
|
||||||
|
/*@editable*/ background-color:#fff;
|
||||||
|
/*@editable*/ border-top:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @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:#808080;
|
||||||
|
/*@editable*/ font-family:Helvetica;
|
||||||
|
/*@editable*/ font-size:10px;
|
||||||
|
/*@editable*/ line-height:150%;
|
||||||
|
padding-top:20px;
|
||||||
|
padding-right:20px;
|
||||||
|
padding-bottom:20px;
|
||||||
|
padding-left:20px;
|
||||||
|
/*@editable*/ text-align:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Footer
|
||||||
|
* @section footer link
|
||||||
|
* @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:#606060;
|
||||||
|
/*@editable*/ font-weight:normal;
|
||||||
|
/*@editable*/ text-decoration:underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* /\/\/\/\/\/\/\/\/ MOBILE STYLES /\/\/\/\/\/\/\/\/ */
|
||||||
|
|
||||||
|
@media only screen and (max-width: 480px){
|
||||||
|
/* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /\/\/\/\/\/\/ */
|
||||||
|
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */
|
||||||
|
body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */
|
||||||
|
|
||||||
|
/* /\/\/\/\/\/\/ MOBILE RESET STYLES /\/\/\/\/\/\/ */
|
||||||
|
#bodyCell{padding:10px !important;}
|
||||||
|
|
||||||
|
/* /\/\/\/\/\/\/ MOBILE TEMPLATE STYLES /\/\/\/\/\/\/ */
|
||||||
|
|
||||||
|
/* ======== Page Styles ======== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Mobile Styles
|
||||||
|
* @section template width
|
||||||
|
* @tip Make the template fluid for portrait or landscape view adaptability. If a fluid layout doesn't work for you, set the width to 300px instead.
|
||||||
|
*/
|
||||||
|
#templateContainer{
|
||||||
|
max-width:600px !important;
|
||||||
|
/*@editable*/ width:100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Mobile Styles
|
||||||
|
* @section heading 1
|
||||||
|
* @tip Make the first-level headings larger in size for better readability on small screens.
|
||||||
|
*/
|
||||||
|
h1{
|
||||||
|
/*@editable*/ font-size:24px !important;
|
||||||
|
/*@editable*/ line-height:100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Mobile Styles
|
||||||
|
* @section heading 2
|
||||||
|
* @tip Make the second-level headings larger in size for better readability on small screens.
|
||||||
|
*/
|
||||||
|
h2{
|
||||||
|
/*@editable*/ font-size:20px !important;
|
||||||
|
/*@editable*/ line-height:100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Mobile Styles
|
||||||
|
* @section heading 3
|
||||||
|
* @tip Make the third-level headings larger in size for better readability on small screens.
|
||||||
|
*/
|
||||||
|
h3{
|
||||||
|
/*@editable*/ font-size:18px !important;
|
||||||
|
/*@editable*/ line-height:100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Mobile Styles
|
||||||
|
* @section heading 4
|
||||||
|
* @tip Make the fourth-level headings larger in size for better readability on small screens.
|
||||||
|
*/
|
||||||
|
h4{
|
||||||
|
/*@editable*/ font-size:16px !important;
|
||||||
|
/*@editable*/ line-height:100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ======== Header Styles ======== */
|
||||||
|
|
||||||
|
#templatePreheader{display:none !important;} /* Hide the template preheader to save space */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Mobile Styles
|
||||||
|
* @section header image
|
||||||
|
* @tip Make the main header image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
|
||||||
|
*/
|
||||||
|
#headerImage{
|
||||||
|
height:auto !important;
|
||||||
|
/*@editable*/ max-width:600px !important;
|
||||||
|
/*@editable*/ width:100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Mobile Styles
|
||||||
|
* @section header text
|
||||||
|
* @tip Make the header content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
|
||||||
|
*/
|
||||||
|
.headerContent{
|
||||||
|
/*@editable*/ font-size:20px !important;
|
||||||
|
/*@editable*/ line-height:125% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ======== Body Styles ======== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Mobile Styles
|
||||||
|
* @section body text
|
||||||
|
* @tip Make the body content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
|
||||||
|
*/
|
||||||
|
.bodyContent{
|
||||||
|
/*@editable*/ font-size:18px !important;
|
||||||
|
/*@editable*/ line-height:125% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ======== Footer Styles ======== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Mobile Styles
|
||||||
|
* @section footer text
|
||||||
|
* @tip Make the body content text larger in size for better readability on small screens.
|
||||||
|
*/
|
||||||
|
.footerContent{
|
||||||
|
/*@editable*/ font-size:14px !important;
|
||||||
|
/*@editable*/ line-height:115% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footerContent a{display:block !important;} /* Place footer social and utility links on their own lines, for easier access */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
|
||||||
|
<center>
|
||||||
|
<table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable">
|
||||||
|
<tr>
|
||||||
|
<td align="center" valign="top" id="bodyCell">
|
||||||
|
<!-- BEGIN TEMPLATE // -->
|
||||||
|
<table border="0" cellpadding="0" cellspacing="0" id="templateContainer">
|
||||||
|
<tr>
|
||||||
|
<td align="center" valign="top">
|
||||||
|
<!-- BEGIN PREHEADER // -->
|
||||||
|
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templatePreheader">
|
||||||
|
<tr>
|
||||||
|
<td valign="top" class="preheaderContent" style="padding-top:10px; padding-right:20px; padding-bottom:10px; padding-left:20px;" mc:edit="preheader_content00">
|
||||||
|
Scheduled changes can no longer be applied
|
||||||
|
</td>
|
||||||
|
<!-- *|IFNOT:ARCHIVE_PAGE|* -->
|
||||||
|
<td valign="top" width="180" class="preheaderContent" style="padding-top:10px; padding-right:20px; padding-bottom:10px; padding-left:0;" mc:edit="preheader_content01">
|
||||||
|
Email not displaying correctly?<br /><a href="*|ARCHIVE|*" target="_blank">View it in your browser</a>.
|
||||||
|
</td>
|
||||||
|
<!-- *|END:IF|* -->
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<!-- // END PREHEADER -->
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="center" valign="top">
|
||||||
|
<!-- BEGIN HEADER // -->
|
||||||
|
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateHeader">
|
||||||
|
<tr>
|
||||||
|
<td valign="top" class="headerContent">
|
||||||
|
<img src="https://cdn.getunleash.io/unleash_logo_600.png" style="max-width:600px;padding:1rem;" id="headerImage" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<!-- // END HEADER -->
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="center" valign="top">
|
||||||
|
<!-- BEGIN BODY // -->
|
||||||
|
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateBody">
|
||||||
|
<tr>
|
||||||
|
<td valign="top" class="bodyContent" mc:edit="body_content">
|
||||||
|
<h1>Conflict detected in a scheduled change</h1>
|
||||||
|
|
||||||
|
<br />
|
||||||
|
{{ conflict }}. Scheduled change requests that use this {{ conflictScope }} can no longer be applied and their scheduled applications will fail{{#conflictResolution}}<span><a class="changeRequestLink" href="{{{ conflictResolutionLink }}}" target="_blank" rel="noopener noreferrer">{{.}}</a></span>{{/conflictResolution}}{{^conflictResolution}}.{{/conflictResolution}}
|
||||||
|
<br />
|
||||||
|
For you, this concerns change requests:
|
||||||
|
<br />
|
||||||
|
{{#changeRequests}}
|
||||||
|
<ul>
|
||||||
|
<li><span><a class="changeRequestLink" href="{{{ link }}}" target="_blank" rel="noopener noreferrer">#{{id}} {{#title}}- {{.}}{{/title}} (scheduled for {{scheduledAt}})</a></span></li>
|
||||||
|
</ul>
|
||||||
|
{{/changeRequests}}
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<!-- // END BODY -->
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="center" valign="top">
|
||||||
|
<!-- BEGIN FOOTER // -->
|
||||||
|
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateFooter">
|
||||||
|
<tr>
|
||||||
|
<td valign="top" class="footerContent" mc:edit="footer_content00">
|
||||||
|
<a href="https://github.com/Unleash/unleash">Follow us on Github</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td valign="top" class="footerContent" style="padding-top:0;" mc:edit="footer_content01">
|
||||||
|
<em>Copyright © {{ year }} | Bricks Software | All rights reserved.</em>
|
||||||
|
<br />
|
||||||
|
|
||||||
|
<br />
|
||||||
|
<strong>Our mailing address is: team@getunleash.io</strong>
|
||||||
|
<br />
|
||||||
|
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</table>
|
||||||
|
<!-- // END FOOTER -->
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<!-- // END TEMPLATE -->
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</center>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -0,0 +1,522 @@
|
|||||||
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||||
|
<title>*|MC:SUBJECT|*</title>
|
||||||
|
<style type="text/css">
|
||||||
|
/* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
|
||||||
|
#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
|
||||||
|
.ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
|
||||||
|
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
|
||||||
|
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
|
||||||
|
table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
|
||||||
|
img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
|
||||||
|
|
||||||
|
/* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
|
||||||
|
body{margin:0; padding:0;}
|
||||||
|
img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
|
||||||
|
table{border-collapse:collapse !important;}
|
||||||
|
body, #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;}
|
||||||
|
|
||||||
|
/* /\/\/\/\/\/\/\/\/ TEMPLATE STYLES /\/\/\/\/\/\/\/\/ */
|
||||||
|
|
||||||
|
/* ========== Page Styles ========== */
|
||||||
|
|
||||||
|
#bodyCell{padding:20px;}
|
||||||
|
#templateContainer{width:600px;}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @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
|
||||||
|
*/
|
||||||
|
body, #bodyTable{
|
||||||
|
/*@editable*/ background-color:#DEE0E2;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @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{
|
||||||
|
/*@editable*/ border-top:4px solid #BBBBBB;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Page
|
||||||
|
* @section email border
|
||||||
|
* @tip Set the border for your email.
|
||||||
|
*/
|
||||||
|
#templateContainer{
|
||||||
|
/*@editable*/ border:1px solid #BBBBBB;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Page
|
||||||
|
* @section heading 1
|
||||||
|
* @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
|
||||||
|
* @style heading 1
|
||||||
|
*/
|
||||||
|
h1{
|
||||||
|
/*@editable*/ color:#202020 !important;
|
||||||
|
display:block;
|
||||||
|
/*@editable*/ font-family:Helvetica;
|
||||||
|
/*@editable*/ font-size:26px;
|
||||||
|
/*@editable*/ font-style:normal;
|
||||||
|
/*@editable*/ font-weight:bold;
|
||||||
|
/*@editable*/ line-height:100%;
|
||||||
|
/*@editable*/ letter-spacing:normal;
|
||||||
|
margin-top:0;
|
||||||
|
margin-right:0;
|
||||||
|
margin-bottom:10px;
|
||||||
|
margin-left:0;
|
||||||
|
/*@editable*/ text-align:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Page
|
||||||
|
* @section heading 2
|
||||||
|
* @tip Set the styling for all second-level headings in your emails.
|
||||||
|
* @style heading 2
|
||||||
|
*/
|
||||||
|
h2{
|
||||||
|
/*@editable*/ color:#404040 !important;
|
||||||
|
display:block;
|
||||||
|
/*@editable*/ font-family:Helvetica;
|
||||||
|
/*@editable*/ font-size:20px;
|
||||||
|
/*@editable*/ font-style:normal;
|
||||||
|
/*@editable*/ font-weight:bold;
|
||||||
|
/*@editable*/ line-height:100%;
|
||||||
|
/*@editable*/ letter-spacing:normal;
|
||||||
|
margin-top:0;
|
||||||
|
margin-right:0;
|
||||||
|
margin-bottom:10px;
|
||||||
|
margin-left:0;
|
||||||
|
/*@editable*/ text-align:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Page
|
||||||
|
* @section heading 3
|
||||||
|
* @tip Set the styling for all third-level headings in your emails.
|
||||||
|
* @style heading 3
|
||||||
|
*/
|
||||||
|
h3{
|
||||||
|
/*@editable*/ color:#606060 !important;
|
||||||
|
display:block;
|
||||||
|
/*@editable*/ font-family:Helvetica;
|
||||||
|
/*@editable*/ font-size:16px;
|
||||||
|
/*@editable*/ font-style:italic;
|
||||||
|
/*@editable*/ font-weight:normal;
|
||||||
|
/*@editable*/ line-height:100%;
|
||||||
|
/*@editable*/ letter-spacing:normal;
|
||||||
|
margin-top:0;
|
||||||
|
margin-right:0;
|
||||||
|
margin-bottom:10px;
|
||||||
|
margin-left:0;
|
||||||
|
/*@editable*/ text-align:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Page
|
||||||
|
* @section heading 4
|
||||||
|
* @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
|
||||||
|
* @style heading 4
|
||||||
|
*/
|
||||||
|
h4{
|
||||||
|
/*@editable*/ color:#808080 !important;
|
||||||
|
display:block;
|
||||||
|
/*@editable*/ font-family:Helvetica;
|
||||||
|
/*@editable*/ font-size:14px;
|
||||||
|
/*@editable*/ font-style:italic;
|
||||||
|
/*@editable*/ font-weight:normal;
|
||||||
|
/*@editable*/ line-height:100%;
|
||||||
|
/*@editable*/ letter-spacing:normal;
|
||||||
|
margin-top:0;
|
||||||
|
margin-right:0;
|
||||||
|
margin-bottom:10px;
|
||||||
|
margin-left:0;
|
||||||
|
/*@editable*/ text-align:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ========== Header Styles ========== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Header
|
||||||
|
* @section preheader style
|
||||||
|
* @tip Set the background color and bottom border for your email's preheader area.
|
||||||
|
* @theme header
|
||||||
|
*/
|
||||||
|
#templatePreheader{
|
||||||
|
/*@editable*/ background-color:#fff;
|
||||||
|
/*@editable*/ border-bottom:1px solid #CCCCCC;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Header
|
||||||
|
* @section preheader text
|
||||||
|
* @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
|
||||||
|
*/
|
||||||
|
.preheaderContent{
|
||||||
|
/*@editable*/ color:#808080;
|
||||||
|
/*@editable*/ font-family:Helvetica;
|
||||||
|
/*@editable*/ font-size:10px;
|
||||||
|
/*@editable*/ line-height:125%;
|
||||||
|
/*@editable*/ text-align:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Header
|
||||||
|
* @section preheader link
|
||||||
|
* @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
|
||||||
|
*/
|
||||||
|
.preheaderContent a:link, .preheaderContent a:visited, /* Yahoo! Mail Override */ .preheaderContent a .yshortcuts /* Yahoo! Mail Override */{
|
||||||
|
/*@editable*/ color:#fff;
|
||||||
|
/*@editable*/ font-weight:normal;
|
||||||
|
/*@editable*/ text-decoration:underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Header
|
||||||
|
* @section header style
|
||||||
|
* @tip Set the background color and borders for your email's header area.
|
||||||
|
* @theme header
|
||||||
|
*/
|
||||||
|
#templateHeader{
|
||||||
|
/*@editable*/ background-color:#fff;
|
||||||
|
/*@editable*/ border-top:1px solid #FFFFFF;
|
||||||
|
/*@editable*/ border-bottom:1px solid #CCCCCC;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Header
|
||||||
|
* @section header text
|
||||||
|
* @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
|
||||||
|
*/
|
||||||
|
.headerContent{
|
||||||
|
/*@editable*/ color:#505050;
|
||||||
|
/*@editable*/ font-family:Helvetica;
|
||||||
|
/*@editable*/ font-size:20px;
|
||||||
|
/*@editable*/ font-weight:bold;
|
||||||
|
/*@editable*/ line-height:100%;
|
||||||
|
/*@editable*/ padding-top:0;
|
||||||
|
/*@editable*/ padding-right:0;
|
||||||
|
/*@editable*/ padding-bottom:0;
|
||||||
|
/*@editable*/ padding-left:0;
|
||||||
|
/*@editable*/ text-align:left;
|
||||||
|
/*@editable*/ vertical-align:middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Header
|
||||||
|
* @section header link
|
||||||
|
* @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;
|
||||||
|
}
|
||||||
|
|
||||||
|
#headerImage{
|
||||||
|
height:auto;
|
||||||
|
max-width:600px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ========== Body Styles ========== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Body
|
||||||
|
* @section body style
|
||||||
|
* @tip Set the background color and borders for your email's body area.
|
||||||
|
*/
|
||||||
|
#templateBody{
|
||||||
|
/*@editable*/ background-color:#fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Body
|
||||||
|
* @section body text
|
||||||
|
* @tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
|
||||||
|
* @theme main
|
||||||
|
*/
|
||||||
|
.bodyContent{
|
||||||
|
/*@editable*/ color:#505050;
|
||||||
|
/*@editable*/ font-family:Helvetica;
|
||||||
|
/*@editable*/ font-size:14px;
|
||||||
|
/*@editable*/ line-height:150%;
|
||||||
|
/*@editable*/ border-bottom: 1px solid #CCCCCC;
|
||||||
|
padding-top:20px;
|
||||||
|
padding-right:20px;
|
||||||
|
padding-bottom:20px;
|
||||||
|
padding-left:20px;
|
||||||
|
/*@editable*/ text-align:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bodyContent img{
|
||||||
|
display:inline;
|
||||||
|
height:auto;
|
||||||
|
max-width:560px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.changeRequestLink {
|
||||||
|
text-decoration: none;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.changeRequestLink:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ========== Footer Styles ========== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Footer
|
||||||
|
* @section footer style
|
||||||
|
* @tip Set the background color and borders for your email's footer area.
|
||||||
|
* @theme footer
|
||||||
|
*/
|
||||||
|
#templateFooter{
|
||||||
|
/*@editable*/ background-color:#fff;
|
||||||
|
/*@editable*/ border-top:1px solid #FFFFFF;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @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:#808080;
|
||||||
|
/*@editable*/ font-family:Helvetica;
|
||||||
|
/*@editable*/ font-size:10px;
|
||||||
|
/*@editable*/ line-height:150%;
|
||||||
|
padding-top:20px;
|
||||||
|
padding-right:20px;
|
||||||
|
padding-bottom:20px;
|
||||||
|
padding-left:20px;
|
||||||
|
/*@editable*/ text-align:left;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Footer
|
||||||
|
* @section footer link
|
||||||
|
* @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:#606060;
|
||||||
|
/*@editable*/ font-weight:normal;
|
||||||
|
/*@editable*/ text-decoration:underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* /\/\/\/\/\/\/\/\/ MOBILE STYLES /\/\/\/\/\/\/\/\/ */
|
||||||
|
|
||||||
|
@media only screen and (max-width: 480px){
|
||||||
|
/* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /\/\/\/\/\/\/ */
|
||||||
|
body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */
|
||||||
|
body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */
|
||||||
|
|
||||||
|
/* /\/\/\/\/\/\/ MOBILE RESET STYLES /\/\/\/\/\/\/ */
|
||||||
|
#bodyCell{padding:10px !important;}
|
||||||
|
|
||||||
|
/* /\/\/\/\/\/\/ MOBILE TEMPLATE STYLES /\/\/\/\/\/\/ */
|
||||||
|
|
||||||
|
/* ======== Page Styles ======== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Mobile Styles
|
||||||
|
* @section template width
|
||||||
|
* @tip Make the template fluid for portrait or landscape view adaptability. If a fluid layout doesn't work for you, set the width to 300px instead.
|
||||||
|
*/
|
||||||
|
#templateContainer{
|
||||||
|
max-width:600px !important;
|
||||||
|
/*@editable*/ width:100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Mobile Styles
|
||||||
|
* @section heading 1
|
||||||
|
* @tip Make the first-level headings larger in size for better readability on small screens.
|
||||||
|
*/
|
||||||
|
h1{
|
||||||
|
/*@editable*/ font-size:24px !important;
|
||||||
|
/*@editable*/ line-height:100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Mobile Styles
|
||||||
|
* @section heading 2
|
||||||
|
* @tip Make the second-level headings larger in size for better readability on small screens.
|
||||||
|
*/
|
||||||
|
h2{
|
||||||
|
/*@editable*/ font-size:20px !important;
|
||||||
|
/*@editable*/ line-height:100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Mobile Styles
|
||||||
|
* @section heading 3
|
||||||
|
* @tip Make the third-level headings larger in size for better readability on small screens.
|
||||||
|
*/
|
||||||
|
h3{
|
||||||
|
/*@editable*/ font-size:18px !important;
|
||||||
|
/*@editable*/ line-height:100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Mobile Styles
|
||||||
|
* @section heading 4
|
||||||
|
* @tip Make the fourth-level headings larger in size for better readability on small screens.
|
||||||
|
*/
|
||||||
|
h4{
|
||||||
|
/*@editable*/ font-size:16px !important;
|
||||||
|
/*@editable*/ line-height:100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ======== Header Styles ======== */
|
||||||
|
|
||||||
|
#templatePreheader{display:none !important;} /* Hide the template preheader to save space */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Mobile Styles
|
||||||
|
* @section header image
|
||||||
|
* @tip Make the main header image fluid for portrait or landscape view adaptability, and set the image's original width as the max-width. If a fluid setting doesn't work, set the image width to half its original size instead.
|
||||||
|
*/
|
||||||
|
#headerImage{
|
||||||
|
height:auto !important;
|
||||||
|
/*@editable*/ max-width:600px !important;
|
||||||
|
/*@editable*/ width:100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Mobile Styles
|
||||||
|
* @section header text
|
||||||
|
* @tip Make the header content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
|
||||||
|
*/
|
||||||
|
.headerContent{
|
||||||
|
/*@editable*/ font-size:20px !important;
|
||||||
|
/*@editable*/ line-height:125% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ======== Body Styles ======== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Mobile Styles
|
||||||
|
* @section body text
|
||||||
|
* @tip Make the body content text larger in size for better readability on small screens. We recommend a font size of at least 16px.
|
||||||
|
*/
|
||||||
|
.bodyContent{
|
||||||
|
/*@editable*/ font-size:18px !important;
|
||||||
|
/*@editable*/ line-height:125% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ======== Footer Styles ======== */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @tab Mobile Styles
|
||||||
|
* @section footer text
|
||||||
|
* @tip Make the body content text larger in size for better readability on small screens.
|
||||||
|
*/
|
||||||
|
.footerContent{
|
||||||
|
/*@editable*/ font-size:14px !important;
|
||||||
|
/*@editable*/ line-height:115% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footerContent a{display:block !important;} /* Place footer social and utility links on their own lines, for easier access */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
|
||||||
|
<center>
|
||||||
|
<table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable">
|
||||||
|
<tr>
|
||||||
|
<td align="center" valign="top" id="bodyCell">
|
||||||
|
<!-- BEGIN TEMPLATE // -->
|
||||||
|
<table border="0" cellpadding="0" cellspacing="0" id="templateContainer">
|
||||||
|
<tr>
|
||||||
|
<td align="center" valign="top">
|
||||||
|
<!-- BEGIN PREHEADER // -->
|
||||||
|
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templatePreheader">
|
||||||
|
<tr>
|
||||||
|
<td valign="top" class="preheaderContent" style="padding-top:10px; padding-right:20px; padding-bottom:10px; padding-left:20px;" mc:edit="preheader_content00">
|
||||||
|
Scheduled change request failed to apply
|
||||||
|
</td>
|
||||||
|
<!-- *|IFNOT:ARCHIVE_PAGE|* -->
|
||||||
|
<td valign="top" width="180" class="preheaderContent" style="padding-top:10px; padding-right:20px; padding-bottom:10px; padding-left:0;" mc:edit="preheader_content01">
|
||||||
|
Email not displaying correctly?<br /><a href="*|ARCHIVE|*" target="_blank">View it in your browser</a>.
|
||||||
|
</td>
|
||||||
|
<!-- *|END:IF|* -->
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<!-- // END PREHEADER -->
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="center" valign="top">
|
||||||
|
<!-- BEGIN HEADER // -->
|
||||||
|
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateHeader">
|
||||||
|
<tr>
|
||||||
|
<td valign="top" class="headerContent">
|
||||||
|
<img src="https://cdn.getunleash.io/unleash_logo_600.png" style="max-width:600px;padding:1rem;" id="headerImage" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<!-- // END HEADER -->
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="center" valign="top">
|
||||||
|
<!-- BEGIN BODY // -->
|
||||||
|
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateBody">
|
||||||
|
<tr>
|
||||||
|
<td valign="top" class="bodyContent" mc:edit="body_content">
|
||||||
|
<h1>Scheduled change request failed to apply</h1>
|
||||||
|
|
||||||
|
<br />
|
||||||
|
Scheduled <span><a class="changeRequestLink" href="{{{ changeRequestLink }}}" target="_blank" rel="noopener noreferrer">change request {{{ changeRequestTitle }}}</a></span> failed to apply at {{{ scheduledAt }}} due to {{{ errorMessage }}}.
|
||||||
|
<br />
|
||||||
|
You can reschedule the change request to try again later or reject the changes to close it.
|
||||||
|
<br />
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<!-- // END BODY -->
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td align="center" valign="top">
|
||||||
|
<!-- BEGIN FOOTER // -->
|
||||||
|
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateFooter">
|
||||||
|
<tr>
|
||||||
|
<td valign="top" class="footerContent" mc:edit="footer_content00">
|
||||||
|
<a href="https://github.com/Unleash/unleash">Follow us on Github</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td valign="top" class="footerContent" style="padding-top:0;" mc:edit="footer_content01">
|
||||||
|
<em>Copyright © {{ year }} | Bricks Software | All rights reserved.</em>
|
||||||
|
<br />
|
||||||
|
|
||||||
|
<br />
|
||||||
|
<strong>Our mailing address is: team@getunleash.io</strong>
|
||||||
|
<br />
|
||||||
|
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</table>
|
||||||
|
<!-- // END FOOTER -->
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
<!-- // END TEMPLATE -->
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</center>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user