try for slightly prettier redaction

This commit is contained in:
Matthew Hodgson 2017-10-26 18:59:05 +01:00
parent ca74b09867
commit 50b348c68e
5 changed files with 18 additions and 16 deletions

View File

@ -156,18 +156,17 @@ limitations under the License.
.mx_EventTile_redacted .mx_EventTile_line .mx_UnknownBody { .mx_EventTile_redacted .mx_EventTile_line .mx_UnknownBody {
display: block; display: block;
width: 100%; width: 100%;
height: 36px; height: 22px;
background-image: $event-redacted-img; width: 250px;
background-repeat: no-repeat; border-radius: 11px;
background-size: contain; background: repeating-linear-gradient(
} -45deg,
$event-redacted-fg-color,
.mx_EventTile.mx_EventTile_redacted .mx_EventTile_line { $event-redacted-fg-color 3px,
/* transparent 3px,
Prevent changing colour of the background because transparent 6px
$event-redacted-img matches $primary-bg-color );
*/ box-shadow: 0px 0px 3px $event-redacted-border-color inset;
background-color: initial !important;
} }
.mx_EventTile_highlight, .mx_EventTile_highlight,

View File

@ -60,7 +60,7 @@ limitations under the License.
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
}} }
.mx_MessageComposer_input_wrapper { .mx_MessageComposer_input_wrapper {
flex: 1; flex: 1;

View File

@ -113,7 +113,8 @@ $event-sending-color: #ddd;
$event-notsent-color: #f44; $event-notsent-color: #f44;
// event redaction // event redaction
$event-redacted-img: url('../../img/redacted.jpg'); $event-redacted-fg-color: #e2e2e2;
$event-redacted-border-color: #cccccc;
// event timestamp // event timestamp
$event-timestamp-color: #acacac; $event-timestamp-color: #acacac;

View File

@ -104,7 +104,8 @@ $event-sending-color: #888;
$event-notsent-color: #f44; $event-notsent-color: #f44;
// event redaction // event redaction
$event-redacted-img: url('../../img/redacted-dark.jpg'); $event-redacted-fg-color: #606060;
$event-redacted-border-color: #000000;
// event timestamp // event timestamp
$event-timestamp-color: #acacac; $event-timestamp-color: #acacac;

View File

@ -155,7 +155,8 @@ $event-sending-color: #ddd;
$event-notsent-color: #f44; $event-notsent-color: #f44;
// event redaction // event redaction
$event-redacted-img: url('../../img/redacted.jpg'); $event-redacted-fg-color: #e2e2e2;
$event-redacted-border-color: #cccccc;
// event timestamp // event timestamp
$event-timestamp-color: #acacac; $event-timestamp-color: #acacac;