mark: A photo of Mark kneeling on top of the Taal Volcano in the Philippines. It was a long hike. (Default)
Mark Smith ([staff profile] mark) wrote in [site community profile] changelog2009-06-12 09:33 pm

[dw-nonfree] Provide an option to toggle between left and right userpic display for Transmogrified

[commit: http://hg.dwscoalition.org/dw-nonfree/rev/782c5f7d9d21]

http://bugs.dwscoalition.org/show_bug.cgi?id=1245

Add opiton to select left vs. right user icon in Transmogrified.

Patch by [community profile] livredor.

Files modified:
  • bin/upgrading/s2layers/transmogrified/layout.s2
--------------------------------------------------------------------------------
diff -r 6cc6d58e8ced -r 782c5f7d9d21 bin/upgrading/s2layers/transmogrified/layout.s2
--- a/bin/upgrading/s2layers/transmogrified/layout.s2	Fri Jun 12 21:15:43 2009 +0000
+++ b/bin/upgrading/s2layers/transmogrified/layout.s2	Fri Jun 12 21:33:50 2009 +0000
@@ -18,11 +18,13 @@ propgroup presentation {
     property use layout_type;
     property use sidebar_width;
     property use tags_page_type;
+    property use userpics_position; 
 }
 
 set layout_type = "two-columns-right";
 set sidebar_width = "230px";
 set tags_page_type = "";
+set userpics_position = "right";
 
 propgroup modules {
     property use module_userprofile_group;
@@ -297,6 +299,18 @@ function print_stylesheet () {
     var string page_link_hover_colors = generate_color_css($*color_page_link_hover, new Color, new Color);
     var string page_link_visited_colors = generate_color_css($*color_page_link_visited, new Color, new Color);
 
+    var string userpic_css = "";
+    if($*userpics_position == "left") {
+         $userpic_css = """.entry-title, .comment-title {margin: 0; } 
+         .has-userpic .header {margin: 0 0 0 120px; } 
+         .entry .userpic a, .comment .userpic a {left: 10px; right: auto; }""";
+        }
+    elseif($*userpics_position == "right") {
+         $userpic_css = """.entry-title, .comment-title {margin: 0; margin-right: 120px; }
+         .entry .userpic a, .comment .userpic a {right: 10px; left: auto; }""";
+        }
+
+
 # NB Background image stuff in container, not in body, and colors fixed accordingly. Otherwise it messes up the layout.
 # Homegrown logic for entry and module colors to fit with Transmog specialist options for alternating
 
@@ -476,10 +490,10 @@ function print_stylesheet () {
         position: relative;
         margin-bottom: 10px;
     }
+    $userpic_css
     .entry .userpic a, .comment .userpic a {
         display: block;
         position: absolute;
-        right: 10px;
         top: -66px;
         padding: 5px;
     }
@@ -488,8 +502,6 @@ function print_stylesheet () {
     }
     .entry-title, .comment-title {
         padding: 0.2em;
-        margin: 0;
-        margin-right: 120px;
     }
     .entry-title a, .comment-title a {
         text-decoration: none;
--------------------------------------------------------------------------------