Савинцев Егор 🚶 (savintsev_egor) wrote in changelog,
Савинцев Егор 🚶
savintsev_egor
changelog

[livejournal] r21286: LJSUP-10691: Image placeholders in comme...

Committer: esavintcev
LJSUP-10691: Image placeholders in comments
U   trunk/cgi-bin/cleanhtml.pl
U   trunk/cgi-bin/weblib.pl
U   trunk/htdocs/stc/lj_base.css
Modified: trunk/cgi-bin/cleanhtml.pl
===================================================================
--- trunk/cgi-bin/cleanhtml.pl	2012-03-02 13:50:17 UTC (rev 21285)
+++ trunk/cgi-bin/cleanhtml.pl	2012-03-02 14:23:12 UTC (rev 21286)
@@ -1168,11 +1168,13 @@
                     if ($img_bad) {
                         $newdata .= qq~<a class="b-mediaplaceholder b-mediaplaceholder-photo" ~ . ( $hash->{'width'} && $hash->{'height'} ? qq~style="width:$hash->{'width'}px;height:$hash->{'height'}px;" ~ : '' ) . qq~data-href="$href_b_link" href="~ .
                             LJ::ehtml($hash->{'src'}) . '" onclick="return LiveJournal.placeholderClick(this, \'image\')">' .
+                            '<span class="b-mediaplaceholder-outer">' .
                             '<span class="b-mediaplaceholder-inner">' .
                             '<i class="b-mediaplaceholder-pic"></i>' .
                             '<span class="b-mediaplaceholder-label b-mediaplaceholder-view">' . LJ::Lang::ml("mediaplaceholder.viewimage") . '</span>'.
                             '<span class="b-mediaplaceholder-label b-mediaplaceholder-loading">' . LJ::Lang::ml("mediaplaceholder.loading") . '</span>'.
                             '</span>' .
+                            '</span>' .
                             '</a>';
                         $newdata .= $href_b_link ?
                             '<a href="' . $href_b_link .'" class="b-mediaplaceholder-external" title="' . LJ::Lang::ml("mediaplaceholder.link") . '">' .

Modified: trunk/cgi-bin/weblib.pl
===================================================================
--- trunk/cgi-bin/weblib.pl	2012-03-02 13:50:17 UTC (rev 21285)
+++ trunk/cgi-bin/weblib.pl	2012-03-02 14:23:12 UTC (rev 21286)
@@ -2037,11 +2037,13 @@
     $height -= 2;
 
     return qq {
-            <a class="b-mediaplaceholder b-mediaplaceholder-video" href="$link"} . ( $width && $height ? 'style="width:${width}px;height:${height}px;"' : '' ) . qq{ onclick="return LiveJournal.placeholderClick(this, '$placeholder_html')">
-                <span class="b-mediaplaceholder-inner">
-                    <i class="b-mediaplaceholder-pic"></i>
-                    <span class="b-mediaplaceholder-label b-mediaplaceholder-view">} . LJ::Lang::ml("mediaplaceholder.viewvideo") . qq{</span>
-                    <span class="b-mediaplaceholder-label b-mediaplaceholder-loading">} . LJ::Lang::ml("mediaplaceholder.loading") . qq{</span>
+            <a class="b-mediaplaceholder b-mediaplaceholder-video" href="$link"} . ( $width && $height ? 'style="width:' . $width . 'px;height:' . $height . 'px;"' : '' ) . qq{ onclick="return LiveJournal.placeholderClick(this, '$placeholder_html')">
+                <span class="b-mediaplaceholder-outer">
+                    <span class="b-mediaplaceholder-inner">
+                        <i class="b-mediaplaceholder-pic"></i>
+                        <span class="b-mediaplaceholder-label b-mediaplaceholder-view">} . LJ::Lang::ml("mediaplaceholder.viewvideo") . qq{</span>
+                        <span class="b-mediaplaceholder-label b-mediaplaceholder-loading">} . LJ::Lang::ml("mediaplaceholder.loading") . qq{</span>
+                    </span>
                 </span>
             </a>
         };

Modified: trunk/htdocs/stc/lj_base.css
===================================================================
--- trunk/htdocs/stc/lj_base.css	2012-03-02 13:50:17 UTC (rev 21285)
+++ trunk/htdocs/stc/lj_base.css	2012-03-02 14:23:12 UTC (rev 21286)
@@ -3777,9 +3777,9 @@
 	display: inline-block;
 	width: auto;
 	height: 35px;
-	min-width: 100px;
+	min-width: 140px;
 	margin: 0 5px 0 0;
-	padding: 0 10px 0 30px;
+	padding: 0;
 	vertical-align: top !important;
 	-moz-border-radius: 5px;
 	border-radius: 5px;
@@ -3787,8 +3787,8 @@
 	border: 1px solid rgba(220,220,220,0.35) !important;
 	background: rgb(0,0,0) !important;
 	background: rgba(0,0,0,0.35) !important;
-	font: 12px/35px Arial,sans-serif;
-	text-align: left;
+	font: 12px/14px Arial,sans-serif;
+	text-align: center;
 	text-decoration: none !important;
 	text-shadow: none;
 	color: #FFF !important;
@@ -3809,6 +3809,18 @@
 	background: rgb(0,0,0) !important;
 	background: rgba(0,0,0,0.45) !important;
 	}
+	.b-mediaplaceholder .b-mediaplaceholder-outer {
+		position: absolute;
+		top: 50%;
+		left: 0;
+		display: block;
+		width: 100%;
+		height: 35px;
+		margin: -17px 0 0;
+		padding: 0;
+		line-height: 35px;
+		cursor: pointer;
+		}
 	.b-mediaplaceholder .b-mediaplaceholder-inner {
 		position: relative;
 		top: auto;

Tags: css, esavintcev, livejournal, pl, savintsev_egor
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 0 comments