kotovalexarian-likes-gitlab/gitlab-org--gitlab-foss
1
0
Fork 0
Code Releases Activity

Apply the same rules to block event items..

Browse source 
Try to avoid alignment issues as well.
This commit is contained in:
Kjel Delaey 2015-11-04 16:22:27 +01:00
parent 8508be74d2
commit 8b0906c86d
1 changed files with 3 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
app/assets/stylesheets/pages/events.scss
View file

@ -4,19 +4,16 @@
*/ */
.event-item { .event-item {
font-size: $gl-font-size; font-size: $gl-font-size;
padding: $gl-padding; padding: $gl-padding $gl-padding $gl-padding ($gl-padding + $gl-avatar-size);
margin-left: -$gl-padding; margin-left: -$gl-padding;
margin-right: -$gl-padding; margin-right: -$gl-padding;
border-bottom: 1px solid $table-border-color; border-bottom: 1px solid $table-border-color;
color: #7f8fa4; color: #7f8fa4;
&.event-inline { &.event-inline {
padding-left: $gl-padding + $gl-avatar-size;
.avatar { .avatar {
position: relative; position: relative;
top: -2px; top: -2px;
margin-left: -$gl-avatar-size;
} }
.event-title { .event-title {
@ -33,6 +30,7 @@
} }
.avatar { .avatar {
margin-left: -$gl-avatar-size;
margin-right: 15px; margin-right: 15px;
} }
@ -46,9 +44,6 @@
} }
.event-body { .event-body {
margin-left: 63px;
margin-right: 80px;
.event-note { .event-note {
margin-top: 5px; margin-top: 5px;
word-wrap: break-word; word-wrap: break-word;
@ -158,9 +153,7 @@
@media (max-width: $screen-xs-max) { @media (max-width: $screen-xs-max) {
.event-item { .event-item {
&.event-inline { padding-left: $gl-padding;
padding-left: $gl-padding;
}
.event-title { .event-title {
white-space: normal; white-space: normal;