mirror of
https://github.com/mattermost/mattermost.git
synced 2026-02-03 20:40:00 -05:00
e1c851a3ca
* Initial comit for ip filtering service implementation * Add audit logs for IP Filters * start of webapp work * Stashing * Updates based on Agniva's feedback around service vs einterface * Updates completed * Commit before refactoring, everything's working * First pass of cleanup complete, front-end tests added * actually add files * Updates to some translation strings, running i18n-extract * Lock everything behind a feature flag * Fix tests, try to fix some linter stuff * Fixed linter for JS, on to scss * Fixed linter for scss * Fix linter * More fixes for pipeline * Support for IPV6 * Remove tsx file that was removed in masteR * Revert package.json and package-lock.json to master, add cidr-regex dep into channels/package.json * Another commit to force fix Github * Fixes around IPV6. Some suggestions from Matt re: UX review. Fixing pipelines for tests and types on new cidr-regex package * Changes to address Matt's feedback * A few more changes for clean up * Add support for permissions * Fix vet for OpenAPI spec * Actually add the yaml file for openapi * Add permission migration to allow support for IP Filtering * Fix tests * Final fixes from Matt * Remove cancel button from page, update link outs to documentation * Update test to account for removed cancel button * Adjustments based on feedback from Harrison * More fixes from PR feedback * Add a t to fix translations that doesn't seem to be breaking anyone else? * More fix * updates for PR feedback * Fix linter * Fix types * Now fix the linter again * Add back tests because Harrison was able to get them running * Adjustments for PR feedback * Remove admin_definition.jsx * Fix linter * [CLD-6453] IP Filtering notification email for sysadmins (#25224) * Initial commit for IP filtering alert email * Updates to style for email, addition of ip_filtering email: * Fix pipelines * Adjustments from Matt's feedback * Padding changes * template diff (#25249) Co-authored-by: Gabe Jackson <3694686+gabrieljackson@users.noreply.github.com> * Fix hardcoded true, remove bool return value --------- Co-authored-by: Mattermost Build <build@mattermost.com> Co-authored-by: Gabe Jackson <3694686+gabrieljackson@users.noreply.github.com> * Lock feature behind enterprise license. Drop cidr-regex in favour of ipaddr.js dependency. Refactor isIpAddressWithinRanges to use ipaddr.js * Add a couple server tests * fix linter * Fix types from merge conflicts --------- Co-authored-by: Mattermost Build <build@mattermost.com> Co-authored-by: Gabe Jackson <3694686+gabrieljackson@users.noreply.github.com>
250 lines
4.9 KiB
CSS
250 lines
4.9 KiB
CSS
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700);
|
|
|
|
.emailBody {
|
|
background-color: #F3F3F3
|
|
}
|
|
|
|
.emailBody a{
|
|
text-decoration: none !important;
|
|
color: #1C58D9;
|
|
}
|
|
|
|
.title div {
|
|
font-weight: 600 !important;
|
|
font-size: 28px !important;
|
|
line-height: 36px !important;
|
|
letter-spacing: -0.01em !important;
|
|
color: #3F4350 !important;
|
|
font-family: Open Sans, sans-serif !important;
|
|
}
|
|
|
|
.subTitle div {
|
|
font-size: 16px !important;
|
|
line-height: 24px !important;
|
|
color: rgba(63, 67, 80, 0.64) !important;
|
|
}
|
|
|
|
.subTitle a {
|
|
color: rgb(28, 88, 217) !important;
|
|
}
|
|
|
|
.button a {
|
|
background-color: #1C58D9 !important;
|
|
font-weight: 600 !important;
|
|
font-size: 16px !important;
|
|
line-height: 18px !important;
|
|
color: #FFFFFF !important;
|
|
padding: 15px 24px !important;
|
|
}
|
|
|
|
.button-cloud a {
|
|
background-color: #1C58D9 !important;
|
|
font-weight: 400 !important;
|
|
font-size: 16px !important;
|
|
line-height: 18px !important;
|
|
color: #FFFFFF !important;
|
|
padding: 15px 24px !important;
|
|
}
|
|
|
|
.messageButton a{
|
|
background-color: #FFFFFF !important;
|
|
border: 1px solid #FFFFFF !important;
|
|
box-sizing: border-box !important;
|
|
color: #1C58D9 !important;
|
|
padding: 12px 20px !important;
|
|
font-weight: 600 !important;
|
|
font-size: 14px !important;
|
|
line-height: 14px !important;
|
|
}
|
|
|
|
.info div {
|
|
font-size: 14px !important;
|
|
line-height: 20px !important;
|
|
color: #3F4350 !important;
|
|
padding: 40px 0px !important;
|
|
}
|
|
|
|
.footerTitle div {
|
|
font-weight: 600 !important;
|
|
font-size: 16px !important;
|
|
line-height: 24px !important;
|
|
color: #3F4350 !important;
|
|
padding: 0px 0px 4px 0px !important;
|
|
}
|
|
|
|
.footerInfo div {
|
|
font-size: 14px !important;
|
|
line-height: 20px !important;
|
|
color: #3F4350 !important;
|
|
padding: 0px 48px 0px 48px !important;
|
|
}
|
|
|
|
.footerInfo a {
|
|
color: #1C58D9 !important;
|
|
}
|
|
|
|
.appDownloadButton a{
|
|
background-color: #FFFFFF !important;
|
|
border: 1px solid #1C58D9 !important;
|
|
box-sizing: border-box !important;
|
|
color: #1C58D9 !important;
|
|
padding: 13px 20px !important;
|
|
font-weight: 600 !important;
|
|
font-size: 14px !important;
|
|
line-height: 14px !important;
|
|
}
|
|
|
|
.emailFooter div {
|
|
font-size: 12px !important;
|
|
line-height: 16px !important;
|
|
color: rgba(63, 67, 80, 0.56) !important;
|
|
padding: 8px 24px 8px 24px !important;
|
|
}
|
|
|
|
.postCard {
|
|
padding: 0px 24px 40px 24px !important;
|
|
}
|
|
|
|
.messageCard {
|
|
background: #FFFFFF !important;
|
|
border: 1px solid rgba(61, 60, 64, 0.08) !important;
|
|
box-sizing: border-box !important;
|
|
box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.12) !important;
|
|
border-radius: 4px !important;
|
|
padding: 32px !important;
|
|
}
|
|
|
|
.messageAvatar img {
|
|
width: 32px !important;
|
|
height: 32px !important;
|
|
padding: 0px !important;
|
|
border-radius: 32px !important;
|
|
}
|
|
|
|
.messageAvatarCol {
|
|
width: 32px !important;
|
|
}
|
|
|
|
.postNameAndTime {
|
|
padding: 0px 0px 4px 0px !important;
|
|
display: flex;
|
|
}
|
|
.senderName {
|
|
font-family: Open Sans, sans-serif;
|
|
text-align: left !important;
|
|
font-weight: 600 !important;
|
|
font-size: 14px !important;
|
|
line-height: 20px !important;
|
|
color: #3F4350 !important;
|
|
}
|
|
|
|
.time {
|
|
font-family: Open Sans, sans-serif;
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
color: rgba(63, 67, 80, 0.56);
|
|
padding: 2px 6px;
|
|
align-items: center;
|
|
float: left;
|
|
}
|
|
|
|
.channelBg {
|
|
background: rgba(63, 67, 80, 0.08);
|
|
border-radius: 4px;
|
|
display: flex;
|
|
padding-left: 4px;
|
|
}
|
|
|
|
.channelLogo {
|
|
width: 10px;
|
|
height: 10px;
|
|
padding: 5px 4px 5px 6px;
|
|
float: left;
|
|
}
|
|
|
|
.channelName {
|
|
font-family: Open Sans, sans-serif;
|
|
font-weight: 600;
|
|
font-size: 10px;
|
|
line-height: 16px;
|
|
letter-spacing: 0.01em;
|
|
text-transform: uppercase;
|
|
color: rgba(63, 67, 80, 0.64);
|
|
padding: 2px 6px 2px 0px;
|
|
}
|
|
|
|
.gmChannelCount {
|
|
background-color: rgba(63, 67, 80, 0.2);
|
|
padding: 0 5px;
|
|
border-radius: 2px;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.senderMessage div {
|
|
text-align: left !important;
|
|
font-size: 14px !important;
|
|
line-height: 20px !important;
|
|
color: #3F4350 !important;
|
|
padding: 0px !important;
|
|
}
|
|
|
|
.senderInfoCol {
|
|
width: 394px !important;
|
|
padding: 0px 0px 0px 12px !important;
|
|
}
|
|
|
|
.divider {
|
|
opacity: 12%;
|
|
}
|
|
|
|
@media all and (min-width: 541px) {
|
|
.emailBody {
|
|
padding: 32px !important;
|
|
}
|
|
}
|
|
|
|
@media all and (max-width: 540px) and (min-width: 401px) {
|
|
.emailBody {
|
|
padding: 16px !important;
|
|
}
|
|
|
|
.messageCard {
|
|
padding: 16px !important;
|
|
}
|
|
|
|
.senderInfoCol {
|
|
width: 80% !important;
|
|
padding: 0px 0px 0px 12px !important;
|
|
}
|
|
}
|
|
|
|
@media all and (max-width: 400px) {
|
|
.emailBody {
|
|
padding: 0px !important;
|
|
}
|
|
|
|
.footerInfo div {
|
|
padding: 0px !important;
|
|
}
|
|
|
|
.messageCard {
|
|
padding: 16px !important;
|
|
}
|
|
|
|
.postCard {
|
|
padding: 0px 0px 40px 0px !important;
|
|
}
|
|
|
|
.senderInfoCol {
|
|
width: 80% !important;
|
|
padding: 0px 0px 0px 12px !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (min-width:480px) {
|
|
.mj-column-per-50 {
|
|
width: 100% !important;
|
|
max-width: 100% !important;
|
|
}
|
|
}
|
|
|