Permalink
Browse files

fix(river): Improves alignment of filter select and nests inside label

  • Loading branch information...
mrclay committed Jun 30, 2015
1 parent eb6ad2f commit 4f903c1eccf50106762ca0f57a2e7b2ac6623861
@@ -197,14 +197,13 @@
}
.elgg-river-layout .elgg-river-selector {
float: right;
- margin: 13px 0;
+ margin: 13px 0 18px;
}
-.elgg-river-layout .elgg-input-dropdown {
- float: right;
- margin: 10px 0 10px 5px;
+.elgg-river-selector select {
+ margin-left: 5px;
+ vertical-align: text-top;
}
-<?php //@todo components.php ?>
.elgg-river-comments {
position: relative;
margin: 20px 0 0 0;
@@ -230,7 +229,6 @@
font-size: 85%;
}
-<?php //@todo location-dependent styles ?>
.elgg-river-item form {
border-color: #DCDCDC;
border-style: solid;
@@ -33,13 +33,12 @@
if ($selector) {
$params['value'] = $selector;
}
-
-echo elgg_view('input/select', $params);
+$select = elgg_view('input/select', $params);
$attr = [
- 'for' => 'elgg-river-selector',
- 'class' => 'elgg-river-selector'
+ 'class' => 'elgg-river-selector',
];
-echo elgg_format_element('label', $attr, elgg_echo('filter'));
+
+echo elgg_format_element('label', $attr, elgg_echo('filter') . " $select");
elgg_load_js('elgg.ui.river');
@@ -170,13 +170,13 @@
.elgg-river-attachments .elgg-icon {
float: left;
}
-.elgg-river-layout .elgg-river-selector,
-.elgg-river-layout .elgg-input-dropdown {
+.elgg-river-layout .elgg-river-selector {
float: right;
- margin: 10px 0;
+ margin: 13px 0 18px;
}
-.elgg-river-layout .elgg-input-dropdown {
+.elgg-river-selector select {
margin-left: 5px;
+ vertical-align: text-top;
}
.elgg-river-comments-tab {

0 comments on commit 4f903c1

Please sign in to comment.