| Index: trunk/extensions/MobileFrontend/MobileFormatter.php |
| — | — | @@ -201,6 +201,7 @@ |
| 202 | 202 | array( 'href' => '#section_' . intval( $this->headings - 1 ), |
| 203 | 203 | 'class' => 'back_to_top' ), |
| 204 | 204 | '↑' . $backToTop ) . |
| | 205 | + Html::closeElement( 'div' ) . |
| 205 | 206 | Html::closeElement( 'div' ); |
| 206 | 207 | // generate the HTML we are going to inject |
| 207 | 208 | // TODO: remove legacy code for Wikipedia Mobile app < 1.3 which is not using the api |
| — | — | @@ -213,6 +214,7 @@ |
| 214 | 215 | array( 'class' => 'section_heading hide', |
| 215 | 216 | 'section_id' => $this->headings ), |
| 216 | 217 | $hide ); |
| | 218 | + $base .= Html::openElement( 'div', array( 'class' => 'section' ) ); |
| 217 | 219 | if ( $this->expandableSections ) { |
| 218 | 220 | $h2OnClick = 'javascript:wm_toggle_section(' . $this->headings . ');'; |
| 219 | 221 | $base .= Html::openElement( 'h2', |
| Index: trunk/extensions/MobileFrontend/stylesheets/images/hide.png |
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| Property changes on: trunk/extensions/MobileFrontend/stylesheets/images/hide.png |
| ___________________________________________________________________ |
| Added: svn:mime-type |
| 220 | 222 | + application/octet-stream |
| Index: trunk/extensions/MobileFrontend/stylesheets/images/show.png |
| Cannot display: file marked as a binary type. |
| svn:mime-type = application/octet-stream |
| Property changes on: trunk/extensions/MobileFrontend/stylesheets/images/show.png |
| ___________________________________________________________________ |
| Added: svn:mime-type |
| 221 | 223 | + application/octet-stream |
| Index: trunk/extensions/MobileFrontend/stylesheets/beta_common.css |
| — | — | @@ -287,6 +287,10 @@ |
| 288 | 288 | cursor: pointer; |
| 289 | 289 | } |
| 290 | 290 | |
| | 291 | +.section:nth-child(even) { |
| | 292 | + background-color: #f4f4f4; |
| | 293 | +} |
| | 294 | + |
| 291 | 295 | button.show, |
| 292 | 296 | button.hide { /* for non-js browsers */ |
| 293 | 297 | display: none; |
| — | — | @@ -302,6 +306,33 @@ |
| 303 | 307 | display: inline-block; |
| 304 | 308 | } |
| 305 | 309 | |
| | 310 | +button.show, |
| | 311 | +button.hide { |
| | 312 | + width: 27px; |
| | 313 | + height: 16px; |
| | 314 | + border: none; |
| | 315 | + text-indent: -999px; |
| | 316 | + float: right; |
| | 317 | + cursor: pointer; |
| | 318 | + opacity: 0.5; |
| | 319 | + cursor: pointer; |
| | 320 | + -webkit-transition: opacity 0.4s ease-in 0.4s; |
| | 321 | +} |
| | 322 | + |
| | 323 | +.togglingEnabled button.hide { |
| | 324 | + background: url(images/hide.png); |
| | 325 | + background-repeat: no-repeat; |
| | 326 | + background-position: right center; |
| | 327 | + background-size: auto 9px; |
| | 328 | +} |
| | 329 | + |
| | 330 | +.togglingEnabled button.show { |
| | 331 | + background: url(images/show.png); |
| | 332 | + background-repeat: no-repeat; |
| | 333 | + background-position: right center; |
| | 334 | + background-size: auto 9px; |
| | 335 | +} |
| | 336 | + |
| 306 | 337 | .openSection button.hide, |
| 307 | 338 | .openSection button.show { |
| 308 | 339 | opacity: 1; |
| — | — | @@ -423,7 +454,7 @@ |
| 424 | 455 | } |
| 425 | 456 | |
| 426 | 457 | h2 { |
| 427 | | - border-bottom: 1px solid #aaaaaa; |
| | 458 | + border-bottom: none; |
| 428 | 459 | padding-top: 0.3em; |
| 429 | 460 | font-size: 1.3em; |
| 430 | 461 | } |
| — | — | @@ -545,6 +576,16 @@ |
| 546 | 577 | margin: 22px 22px; |
| 547 | 578 | } |
| 548 | 579 | |
| | 580 | +#content_wrapper .section { |
| | 581 | + padding: 14px 22px; /* see #footer padding */ |
| | 582 | + margin-left: -22px; /* offset #content_wrapper margin */ |
| | 583 | + margin-right: -22px; |
| | 584 | +} |
| | 585 | + |
| | 586 | +#content_wrapper .section h2 { |
| | 587 | + margin: 0; |
| | 588 | +} |
| | 589 | + |
| 549 | 590 | #footer { |
| 550 | 591 | margin: 0 8px; |
| 551 | 592 | clear: both; |