aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorfriendica <info@friendica.com>2013-07-25 21:09:34 -0700
committerfriendica <info@friendica.com>2013-07-25 21:09:34 -0700
commitc59fff945f6d7884622ce0ea919bc7843bafb1f0 (patch)
tree05a871c41a0eb6260f99fb21a3ab1054f712285d
parente822ab65d7a3321b063725b52b32d392ad1c428b (diff)
downloadvolse-hubzilla-c59fff945f6d7884622ce0ea919bc7843bafb1f0.tar.gz
volse-hubzilla-c59fff945f6d7884622ce0ea919bc7843bafb1f0.tar.bz2
volse-hubzilla-c59fff945f6d7884622ce0ea919bc7843bafb1f0.zip
trying to center the selected channel on the manage page. Dreamhost really botched up my dev site so it's taking 5 minute per page load - and I don't have any more time to waste tweaking one line of CSS, grabbing a cup of coffee, and drinking it, before seeing the CSS changes. It still needs more tweaking but I might have to do that on the production site - which loads promptly.
-rw-r--r--view/css/mod_manage.css17
-rwxr-xr-xview/tpl/channels.tpl4
2 files changed, 18 insertions, 3 deletions
diff --git a/view/css/mod_manage.css b/view/css/mod_manage.css
index 51f5062ae..58f9d3159 100644
--- a/view/css/mod_manage.css
+++ b/view/css/mod_manage.css
@@ -1,8 +1,8 @@
#channels-selected {
color: #666666;
font-size: 1.2em;
- margin-top: 20px;
- margin-bottom: 10px;
+ width: 120px;
+ margin: 20px auto 10px auto;
}
#channels-desc {
@@ -12,12 +12,23 @@
margin-bottom: 20px;
}
+#selected-channel {
+ width: 200px;
+ margin: 0px auto 0px auto;
+}
+
+#selected-channel .channel-selection {
+ clear: both;
+ width: 120px;
+ margin: 0px auto 0px auto;
+}
+
.channel-selection-default {
font-size: 0.8em;
margin-bottom: 10px;
}
-.channel-selection {
+#all-channels .channel-selection {
width: 120px;
float: left;
}
diff --git a/view/tpl/channels.tpl b/view/tpl/channels.tpl
index a3acaac06..317384661 100755
--- a/view/tpl/channels.tpl
+++ b/view/tpl/channels.tpl
@@ -8,15 +8,19 @@
{{/if}}
{{if $selected}}
+<div id="selected-channel">
<div id="channels-selected">{{$msg_selected}}</div>
{{include file="channel.tpl" channel=$selected}}
<div class="channels-end selected"></div>
+</div>
{{/if}}
<div id="channels-desc" class="descriptive-text">{{$desc}}</div>
+<div id="all-channels">
{{foreach $all_channels as $chn}}
{{include file="channel.tpl" channel=$chn}}
{{/foreach}}
+</div>
<div class="channels-end all"></div>