Commit 0834dfe8 authored by Pat Kira's avatar Pat Kira

Bug 1528991 - Ensure that inbox and sent message details indented

Also tweaked message filter responsive styles

behatnotneeded - styles only

Change-Id: I6b132a6ecab27b769f625b08477fb4e066003bbb
parent 5147706e
......@@ -56,8 +56,8 @@
, {$item->date}
</span>
</span>
<span class="icon icon-chevron-down collapse-indicator pull-right" role="presentation" aria-hidden="true"></span>
</span>
<span class="icon icon-chevron-down collapse-indicator pull-right" role="presentation" aria-hidden="true"></span>
</a>
</h4>
<div id="notification-{$item->id}" class="collapse">
......
......@@ -9,7 +9,7 @@
<div id="notifications" class="notification-parent" data-requesturl="indexin.json.php">
<div class="btn-group pull-left bulk-actions" role="group">
<div class="btn-group bulk-actions" role="group">
<label class="btn btn-default" for="selectall">
<input type="checkbox" name="selectall" id="selectall" data-togglecheckbox="tocheck">
<span class="sr-only">{str section='activity' tag='selectall'}</span>
......@@ -33,7 +33,7 @@
</a>
</div>
</div>
<form method="post" class="form-inline form-select-filter pieform form-as-button pull-right">
<form method="post" class="form-inline form-select-filter pieform form-as-button">
<div class="form-group">
<label class="sr-only" for="notifications_type">{str section='activity' tag='type'}:</label>
<div class="input-group select-group">
......
......@@ -9,7 +9,7 @@
<div id="notifications" class="notification-parent" data-requesturl="indexout.json.php">
<div class="btn-group pull-leftbulk-actions" role="group">
<div class="btn-group bulk-actions" role="group">
<label class="btn btn-default" for="selectall">
<input type="checkbox" name="selectall" id="selectall" data-togglecheckbox="tocheck">
<span class="sr-only">{str section='activity' tag='selectall'}</span>
......@@ -32,7 +32,7 @@
</a>
</div>
</div>
<form method="post" class="form-inline form-select-filter pieform pull-right">
<form method="post" class="form-inline form-select-filter pieform">
<div class="form-group">
<label for="notifications_type" class="sr-only">{str section='activity' tag='type'}:</label>
<div class="input-group select-group">
......
......@@ -9,13 +9,51 @@
clear: both;
}
}
.notification-parent {
.bulk-actions {
@media (min-width: $screen-xs-min) {
float: left;
}
}
.form-select-filter {
margin-top: 10px;
@media (min-width: $screen-xs-min) {
margin-top: 0;
float: right;
}
.input-group .form-group,
.input-group-addon {
width: auto;
@media screen and (max-width: $screen-xs-min - 1) {
display: table-cell;
}
}
}
}
.notification {
.panel-control {
top: 5px;
+ a[data-toggle="collapse"] {
padding-left: 60px;
padding-right: 30px;
}
}
.details-group {
display: block;
position: relative;
> .icon:not(.collapse-indicator) {
position: absolute;
left: -53px;
top: 4px;
}
.collapse-indicator {
position: absolute;
right: -20px;
top: 0;
}
}
.details-group span {
display: inline-block;
margin:0;
padding:0;
line-height: 12px;
height: 17px;
vertical-align: middle;
}
.fromusers {
......@@ -31,7 +69,7 @@
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 60%;
max-width: 100%;
}
.panel-heading {
font-weight: 300;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment