| Index: trunk/extensions/ArticleFeedbackv5/modules/jquery.articleFeedbackv5/jquery.articleFeedbackv5.css |
| — | — | @@ -415,7 +415,7 @@ |
| 416 | 416 | } |
| 417 | 417 | /* tooltip styling. by default the element to be styled is .tooltip */ |
| 418 | 418 | .tooltip { |
| 419 | | - display:none; |
| | 419 | + display:none !important; |
| 420 | 420 | background: #0F0; |
| 421 | 421 | font-size:12px; |
| 422 | 422 | height:70px; |
| — | — | @@ -436,31 +436,22 @@ |
| 437 | 437 | float: left; |
| 438 | 438 | border: none; |
| 439 | 439 | } |
| 440 | | -.articleFeedbackv5-panel .trigger { |
| | 440 | +.articleFeedbackv5-panel .articleFeedbackv5-tooltip-trigger { |
| 441 | 441 | display: block; |
| 442 | 442 | height: 27px; |
| 443 | 443 | width: 26px; |
| 444 | 444 | background: url(images/bg-tooltip-trigger.png) no-repeat; |
| 445 | 445 | float: right; |
| 446 | 446 | position: relative; |
| | 447 | + text-indent: -9999px; |
| 447 | 448 | } |
| 448 | | -.articleFeedbackv5-panel .trigger:hover { |
| | 449 | +.articleFeedbackv5-panel .articleFeedbackv5-tooltip-trigger:hover { |
| 449 | 450 | background: url(images/bg-tooltip-trigger-hov.png) no-repeat; |
| 450 | 451 | cursor: pointer; |
| 451 | 452 | text-decoration: none; |
| 452 | 453 | } |
| 453 | | -.articleFeedbackv5-panel .articleFeedbackv5-button-placeholder { |
| 454 | | - display: inline-block; |
| 455 | | - height: 20px; |
| 456 | | - width: 50px; |
| 457 | | - text-align: center; |
| 458 | | - color: #fff; |
| 459 | | - text-shadow: 1px 1px 1px #000; |
| 460 | | - background: url(images/bg-button-disable.png) repeat-x; |
| 461 | | - -moz-border-radius: 3px; |
| 462 | | - -webkit-border-radius: 3px; |
| 463 | | - border-radius: 3px; /* future proofing */ |
| 464 | | - -khtml-border-radius: 3px; /* for old Konqueror browsers */ |
| | 454 | +.articleFeedbackv5-panel .form-row { |
| | 455 | + margin: 0 0 15px; |
| 465 | 456 | } |
| 466 | 457 | .articleFeedbackv5-panel .instructions-left { |
| 467 | 458 | float:left; |
| — | — | @@ -477,6 +468,19 @@ |
| 478 | 469 | .articleFeedbackv5-panel .buttons input { |
| 479 | 470 | display: none; |
| 480 | 471 | } |
| | 472 | +.articleFeedbackv5-panel .buttons .articleFeedbackv5-button-placeholder { |
| | 473 | + display: inline-block; |
| | 474 | + height: 20px; |
| | 475 | + width: 50px; |
| | 476 | + text-align: center; |
| | 477 | + color: #fff; |
| | 478 | + text-shadow: 1px 1px 1px #000; |
| | 479 | + background: url(images/bg-button-disable.png) repeat-x; |
| | 480 | + -moz-border-radius: 3px; |
| | 481 | + -webkit-border-radius: 3px; |
| | 482 | + border-radius: 3px; /* future proofing */ |
| | 483 | + -khtml-border-radius: 3px; /* for old Konqueror browsers */ |
| | 484 | +} |
| 481 | 485 | .articleFeedbackv5-panel .buttons .articleFeedbackv5-button-placeholder:hover { |
| 482 | 486 | background: url(images/bg-button.png) repeat-x; |
| 483 | 487 | cursor: pointer; |
| — | — | @@ -495,12 +499,12 @@ |
| 496 | 500 | font-size: 14px; |
| 497 | 501 | font: sans-serif; |
| 498 | 502 | } |
| 499 | | -.articleFeedbackv5-panel .articleFeedback-disclosure { |
| | 503 | +.articleFeedbackv5-panel .articleFeedbackv5-disclosure { |
| 500 | 504 | float: left; |
| 501 | 505 | width: 235px; |
| 502 | 506 | margin: 0 0 0 10px; |
| 503 | 507 | } |
| 504 | | -.articleFeedbackv5-panel .articleFeedback-submit { |
| | 508 | +.articleFeedbackv5-panel .articleFeedbackv5-submit { |
| 505 | 509 | float: right; |
| 506 | 510 | height: 25px; |
| 507 | 511 | width: 200px; |
| — | — | @@ -513,7 +517,7 @@ |
| 514 | 518 | border-radius: 3px; /* future proofing */ |
| 515 | 519 | -khtml-border-radius: 3px; /* for old Konqueror browsers */ |
| 516 | 520 | } |
| 517 | | -.articleFeedbackv5-panel .articleFeedback-submit span { |
| | 521 | +.articleFeedbackv5-panel .articleFeedbackv5-submit span { |
| 518 | 522 | font-size: 16px; |
| 519 | 523 | line-height: 15px; |
| 520 | 524 | text-align: center; |
| Index: trunk/extensions/ArticleFeedbackv5/modules/jquery.articleFeedbackv5/jquery.articleFeedbackv5.js |
| — | — | @@ -133,7 +133,7 @@ |
| 134 | 134 | <form>\ |
| 135 | 135 | <div class="title-wrap">\ |
| 136 | 136 | <h2 class="articleFeedbackv5-title"><html:msg key="bucket1-title" /></h2>\ |
| 137 | | - <a class="articleFeedbackv5-tooltip-trigger">?</a>\ |
| | 137 | + <a class="articleFeedbackv5-tooltip-trigger"></a>\ |
| 138 | 138 | <div class="articleFeedbackv5-tooltip">\ |
| 139 | 139 | <div class="tooltip-top"></div>\ |
| 140 | 140 | <div class="tooltip-repeat">\ |
| — | — | @@ -160,6 +160,7 @@ |
| 161 | 161 | </div>\ |
| 162 | 162 | <div class="clear"></div>\ |
| 163 | 163 | </div>\ |
| | 164 | + <div class="clear"></div>\ |
| 164 | 165 | </div>\ |
| 165 | 166 | <div class="articleFeedbackv5-comment">\ |
| 166 | 167 | <textarea id="find-feedback" class="feedback-text" name="comment"></textarea>\ |
| — | — | @@ -218,12 +219,8 @@ |
| 219 | 220 | bindEvents: function ( $block ) { |
| 220 | 221 | |
| 221 | 222 | // Tooltip |
| 222 | | - $block.find( '.articleFeedbackv5-tooltip-trigger' ).hover( function () { |
| 223 | | - // mouse on |
| 224 | | - $.articleFeedbackv5.$holder.find( '.articleFeedbackv5-tooltip' ).show(); |
| 225 | | - }, function () { |
| 226 | | - // mouse off |
| 227 | | - $.articleFeedbackv5.$holder.find( '.articleFeedbackv5-tooltip' ).hide(); |
| | 223 | + $block.find( '.articleFeedbackv5-tooltip-trigger' ).click( function () { |
| | 224 | + $.articleFeedbackv5.$holder.find( '.articleFeedbackv5-tooltip' ).toggle(); |
| 228 | 225 | } ); |
| 229 | 226 | |
| 230 | 227 | // Enable submission and switch out the comment default on toggle selection |