Ticket #43632: 43632.3.diff

src/wp-content/plugins/hello.php

@@ -52 +52 @@
 // This just echoes the chosen line, we'll position it later
 function hello_dolly() {
         $chosen = hello_dolly_get_lyric();
-        echo "<p id='dolly'>$chosen</p>";
+        echo "<p id='dolly'><span class='screen-reader-text'>Quote from Hello Dolly song</span><span aria-hidden='true'>&#9835;</span> $chosen</p>";
 }
 
 // Now we set that function up to execute when the admin_notices action is called
@@ -60 +60 @@
 
 // We need some CSS to position the paragraph
 function dolly_css() {
-        // This makes sure that the positioning is also good for right-to-left languages
-        $x = is_rtl() ? 'left' : 'right';
-
         echo "
         <style type='text/css'>
         #dolly {
-                float: $x;
-                padding-$x: 15px;
-                padding-top: 5px;               
+                float: right;
+                padding: 6px 10px 4px 0;
                 margin: 0;
+                line-height: 1.7;
                 font-size: 11px;
         }
+        body.rtl #dolly {
+                float: left;
+                padding: 6px 0 4px 10px;
+        }
+        @media screen and (max-width: 782px) {
+                #dolly {
+                        float: none;
+                }               
+        }
         </style>
         ";
 }