[UI] add improvement to display entities with boxes

This commit is contained in:
2016-02-22 14:53:38 +01:00
parent 0801db979b
commit c5cf3ab467
6 changed files with 78 additions and 1176 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -1,5 +1,7 @@
// YOUR CUSTOM SCSS
@import 'custom/timeline';
@import 'custom/mixins/entity';
@import 'custom/activity';
html,body {
min-height:100%;
@@ -147,7 +149,8 @@ div.input_with_post_text input {
}
/* <- INPUT CLASS */
dl.chill_report_view_data {
dl.chill_report_view_data,
dl.chill_view_data {
dt {
margin-top: 1.5em;
@@ -168,3 +171,20 @@ dl.chill_report_view_data {
.flash_message {
margin-top: 2.5em;
}
blockquote.chill-user-quote {
border-left: 10px solid $chill-yellow;
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: "\201C""\201D""\2018""\2019";
background-color: $chill-llight-gray;
p { display: inline; }
}
.chill-no-data-statement {
font-style: italic;
}

View File

@@ -0,0 +1,4 @@
span.entity.entity-activity.activity-reason {
@include entity($chill-pink, white);
}

View File

@@ -0,0 +1,15 @@
@mixin entity($background-color, $color: white) {
font-variant: small-caps;
display: inline;
padding: .2em .6em .3em;
font-size: 88%;
font-weight: bold;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
color: $color;
background-color: $background-color;
}