TheDJ has submitted this change and it was merged.
Change subject: Apply coding conventions
......................................................................
Apply coding conventions
* Encode U+1F4F7 as \1f4f7 in CSS
Change-Id: I2d4f808065fc1a2bbba7c4dca0c08fd290d084ab
---
M ApiUiFeedback.php
M UiFeedback.php
M resources/ext.uiFeedback.css
3 files changed, 481 insertions(+), 462 deletions(-)
Approvals:
TheDJ: Verified; Looks good to me, approved
diff --git a/ApiUiFeedback.php b/ApiUiFeedback.php
index 20b8f9f..9cfba2b 100644
--- a/ApiUiFeedback.php
+++ b/ApiUiFeedback.php
@@ -107,9 +107,9 @@
/* update table */
$dbw = wfGetDB( DB_MASTER );
$dbw->update( 'uifeedback_stats',
- $value,
- array( 'uifs_type' => $type ),
- __METHOD__
+ $value,
+ array( 'uifs_type' => $type ),
+ __METHOD__
);
$this->getResult()->addValue( null,
$this->getModuleName(), array( 'status' => 'ok' ) );
@@ -131,9 +131,9 @@
$dbw->update( 'uifeedback', $values, $conds,
__METHOD__, array() );
$values = array( 'uifr_feedback_id' => $id,
- 'uifr_reviewer' =>
$reviewer,
- 'uifr_status' =>
$new_status,
- 'uifr_comment' =>
$comment
+ 'uifr_reviewer' => $reviewer,
+ 'uifr_status' => $new_status,
+ 'uifr_comment' => $comment
);
$dbw->insert( 'uifeedback_reviews', $values,
__METHOD__, array() );
@@ -159,33 +159,48 @@
public function getAllowedParams() {
return array(
'mode' => array(),
- 'ui-feedback-anonymous' => array( ApiBase::PARAM_TYPE
=> 'boolean',
-
ApiBase::PARAM_DFLT => false ),
+ 'ui-feedback-anonymous' => array(
+ ApiBase::PARAM_TYPE => 'boolean',
+ ApiBase::PARAM_DFLT => false ),
'ui-feedback-username' => array(),
'ui-feedback-notify' => array(),
'ui-feedback-task' => array(),
- 'ui-feedback-task-other' => array( ApiBase::PARAM_TYPE
=> 'string',
-
ApiBase::PARAM_DFLT => null ),
- 'ui-feedback-done' => array( ApiBase::PARAM_TYPE
=> 'string', /* i took string here because boolean defaults to false when not
set */
-
ApiBase::PARAM_DFLT => null ),
- 'ui-feedback-type' => array( ApiBase::PARAM_TYPE
=> array( '0', '1' ) ),
+ 'ui-feedback-task-other' => array(
+ ApiBase::PARAM_TYPE => 'string',
+ ApiBase::PARAM_DFLT => null ),
+ 'ui-feedback-done' => array(
+ ApiBase::PARAM_TYPE => 'string', /* i took
string here because boolean defaults to false when not set */
+ ApiBase::PARAM_DFLT => null ),
+ 'ui-feedback-type' => array(
+ ApiBase::PARAM_TYPE => array( '0', '1' ) ),
'ui-feedback-url' => array(),
- 'ui-feedback-importance' => array( ApiBase::PARAM_TYPE
=> array( '0', '1', '2', '3', '4', '5' ),
-
ApiBase::PARAM_DFLT => '0' ),
+ 'ui-feedback-importance' => array(
+ ApiBase::PARAM_TYPE => array( '0', '1', '2',
'3', '4', '5' ),
+ ApiBase::PARAM_DFLT => '0' ),
'ui-feedback-url' => array(),
- 'ui-feedback-happened' => array( ApiBase::PARAM_TYPE
=> array( '0', '1', '2', '3', '4' ),
-
ApiBase::PARAM_DFLT => '0' ),
- 'ui-feedback-text1' => array( ApiBase::PARAM_TYPE
=> 'string' ),
- 'ui-feedback-useragent' => array( ApiBase::PARAM_TYPE
=> 'string' ),
+ 'ui-feedback-happened' => array(
+ ApiBase::PARAM_TYPE => array( '0', '1', '2',
'3', '4' ),
+ ApiBase::PARAM_DFLT => '0' ),
+ 'ui-feedback-text1' => array(
+ ApiBase::PARAM_TYPE => 'string' ),
+ 'ui-feedback-useragent' => array(
+ ApiBase::PARAM_TYPE => 'string' ),
'file' => array(),
- 'id' => array( ApiBase::PARAM_TYPE
=> 'integer',
-
ApiBase::PARAM_MIN => 1 ),
- 'status' => array( ApiBase::PARAM_TYPE
=> array( '1', '2', '3' ) ),
- 'comment' => array( ApiBase::PARAM_TYPE
=> 'string' ),
- 'type' => array( ApiBase::PARAM_TYPE
=> array( '0', '1', '2' ) ),
- 'click' => array( ApiBase::PARAM_TYPE
=> 'integer' ),
- 'show' => array( ApiBase::PARAM_TYPE
=> 'integer' ),
- 'sent' => array( ApiBase::PARAM_TYPE
=> 'integer' ),
+ 'id' => array(
+ ApiBase::PARAM_TYPE => 'integer',
+ ApiBase::PARAM_MIN => 1 ),
+ 'status' => array(
+ ApiBase::PARAM_TYPE => array( '1', '2', '3' ) ),
+ 'comment' => array(
+ ApiBase::PARAM_TYPE => 'string' ),
+ 'type' => array(
+ ApiBase::PARAM_TYPE => array( '0', '1', '2' ) ),
+ 'click' => array(
+ ApiBase::PARAM_TYPE => 'integer' ),
+ 'show' => array(
+ ApiBase::PARAM_TYPE => 'integer' ),
+ 'sent' => array(
+ ApiBase::PARAM_TYPE => 'integer' ),
);
}
diff --git a/UiFeedback.php b/UiFeedback.php
index 38a14c6..ef9be29 100644
--- a/UiFeedback.php
+++ b/UiFeedback.php
@@ -36,7 +36,8 @@
// Register modules
$wgResourceModules[ 'ext.uiFeedback' ] = array(
- 'scripts' => array( 'resources/ext.uiFeedback.js',
+ 'scripts' => array(
+ 'resources/ext.uiFeedback.js',
'resources/lib.jquery.htmlfeedback.js',
'resources/lib.html2canvas.js',
'resources/lib.canvas-to-blob.js',
@@ -130,8 +131,9 @@
# Schema updates for update.php
$wgHooks[ 'LoadExtensionSchemaUpdates' ][ ] = 'createUIFeedbackTable';
function createUIFeedbackTable( DatabaseUpdater $updater ) {
- $updater->addExtensionTable( 'uifeedback',
- __DIR__ .
'/table.sql', true );
+ $updater->addExtensionTable(
+ 'uifeedback',
+ __DIR__ . '/table.sql', true );
return true;
}
@@ -139,8 +141,10 @@
$wgHooks[ 'BeforePageDisplay' ][ ] = 'uifeedbackBeforePageDisplay';
function uifeedbackBeforePageDisplay( &$out ) {
if( $out->getUser()->isAllowed( 'read_uifeedback' ) ) {
- $out->addModules( array( 'ext.uiFeedback',
- 'jquery.ui.draggable'
) );
+ $out->addModules( array(
+ 'ext.uiFeedback',
+ 'jquery.ui.draggable'
+ ) );
return true;
}
return true;
diff --git a/resources/ext.uiFeedback.css b/resources/ext.uiFeedback.css
index ac3d5ae..6e749ff 100644
--- a/resources/ext.uiFeedback.css
+++ b/resources/ext.uiFeedback.css
@@ -1,71 +1,71 @@
/*feedback-button*/
.ui-feedback-button {
- z-index: 1000;
- position: fixed;
- width: 32px;
- height: 98px;
- top: 37%;
- right: 0px;
- background-image: url(images/sprites.png);
- background-position: 0px 0px;
+ z-index: 1000;
+ position: fixed;
+ width: 32px;
+ height: 98px;
+ top: 37%;
+ right: 0px;
+ background-image: url(images/sprites.png);
+ background-position: 0px 0px;
}
.ui-feedback-button:hover {
- cursor: pointer;
- background-position: -35px 0px;
+ cursor: pointer;
+ background-position: -35px 0px;
}
/*allgemein*/
.ui-feedback * {
- margin: 0px;
- padding: 0px;
+ margin: 0px;
+ padding: 0px;
}
.ui-feedback, .ui-feedback-modal-dialogue {
- position: absolute; /*fixed*/
- top: 10%;
- right: 5%;
- width: 318px;
- z-index: 5500;
- padding: 0px;
- font-family: Helvetica, Arial, sans-serif;
- font-size: 0.8em;
- line-height: 1.5625em;
- color: #626465;
+ position: absolute; /*fixed*/
+ top: 10%;
+ right: 5%;
+ width: 318px;
+ z-index: 5500;
+ padding: 0px;
+ font-family: Helvetica, Arial, sans-serif;
+ font-size: 0.8em;
+ line-height: 1.5625em;
+ color: #626465;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
- box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 15px;
+ box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 15px;
}
.ui-feedback-notification {
- position: fixed;
- padding: 10px;
- top: 37%;
- right: 0%;
- width: 130px;
- z-index: 999;
- font-family: Helvetica, Arial, sans-serif;
- font-size: 0.8em;
- font-weight: bold;
- line-height: 1.5625em;
- color: #626465;
- /* @embed */
+ position: fixed;
+ padding: 10px;
+ top: 37%;
+ right: 0%;
+ width: 130px;
+ z-index: 999;
+ font-family: Helvetica, Arial, sans-serif;
+ font-size: 0.8em;
+ font-weight: bold;
+ line-height: 1.5625em;
+ color: #626465;
+ /* @embed */
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- -webkit-box-shadow: 0 2px 5px 0 #ccc;
- -moz-box-shadow: 0 2px 5px 0 #ccc;
- box-shadow: 0 2px 5px 0 #ccc;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+ -webkit-box-shadow: 0 2px 5px 0 #ccc;
+ -moz-box-shadow: 0 2px 5px 0 #ccc;
+ box-shadow: 0 2px 5px 0 #ccc;
}
-/*.noselect{*/
+/*.noselect {*/
/*-webkit-user-select: none;*/
/*-khtml-user-select: none;*/
/*-moz-user-select: none;*/
@@ -75,645 +75,645 @@
/*head*/
.ui-feedback-head {
- cursor: move;
- padding: 10px;
+ cursor: move;
+ padding: 10px;
}
.ui-feedback h2, .ui-feedback-help h3, .ui-feedback-modal-dialogue h3 {
- text-align: center;
- border: none;
+ text-align: center;
+ border: none;
}
.ui-feedback-help-button {
- position: absolute;
- top: 9px;
- left: 10px;
- width: 21px;
- height: 21px;
- background-image: url(images/sprites.png);
- background-position: 0px 0px;
+ position: absolute;
+ top: 9px;
+ left: 10px;
+ width: 21px;
+ height: 21px;
+ background-image: url(images/sprites.png);
+ background-position: 0px 0px;
}
.ui-feedback-help-button:hover {
- background-position: -22px 0px;
- cursor: pointer;
+ background-position: -22px 0px;
+ cursor: pointer;
}
.ui-feedback-close, .ui-feedback-modal-close {
- position: absolute;
- top: 9px;
- right: 10px;
- width: 21px;
- height: 21px;
- background-image: url(images/sprites.png);
- background-position: 0px -22px;
+ position: absolute;
+ top: 9px;
+ right: 10px;
+ width: 21px;
+ height: 21px;
+ background-image: url(images/sprites.png);
+ background-position: 0px -22px;
}
.ui-feedback-close:hover, .ui-feedback-modal-close:hover {
- background-position: -22px -22px;
- cursor: pointer;
+ background-position: -22px -22px;
+ cursor: pointer;
}
.ui-feedback-collapse {
- position: absolute;
- top: 9px;
- right: 32px;
- width: 21px;
- height: 21px;
- background-image: url(images/sprites.png);
- background-position: 0px -66px;
+ position: absolute;
+ top: 9px;
+ right: 32px;
+ width: 21px;
+ height: 21px;
+ background-image: url(images/sprites.png);
+ background-position: 0px -66px;
}
.ui-feedback-collapse:hover {
- background-position: -22px -66px;
- cursor: pointer;
+ background-position: -22px -66px;
+ cursor: pointer;
}
.ui-feedback-expand {
- position: absolute;
- top: 9px;
- right: 32px;
- width: 21px;
- height: 21px;
- background-image: url(images/sprites.png);
- background-position: 0px -44px;
+ position: absolute;
+ top: 9px;
+ right: 32px;
+ width: 21px;
+ height: 21px;
+ background-image: url(images/sprites.png);
+ background-position: 0px -44px;
}
.ui-feedback-expand:hover {
- background-position: -22px -44px;
- cursor: pointer;
+ background-position: -22px -44px;
+ cursor: pointer;
}
.h_green {
- color: #D42727;
+ color: #D42727;
}
.h_green:hover {
- color: #E42737;
+ color: #E42737;
}
.h_purple {
- color: #3F6FBF;
+ color: #3F6FBF;
}
.h_purple:hover {
- color: #3F7FBF;
+ color: #3F7FBF;
}
.purple {
- border: 1px solid #3F6FBF;
- background: #F4F8FF ; /* Old browsers */
+ border: 1px solid #3F6FBF;
+ background: #F4F8FF; /* Old browsers */
}
.purple:hover {
- border: 1px solid #3F7FBF;
- background: #F9FBFF; /* Old browsers */
+ border: 1px solid #3F7FBF;
+ background: #F9FBFF; /* Old browsers */
}
.green {
- border: 1px solid #D42727;
- background: #FFF2F2; /* Old browsers */
+ border: 1px solid #D42727;
+ background: #FFF2F2; /* Old browsers */
}
.green:hover {
- border: 1px solid #E42737;
- background: #FFF2F2; /* Old browsers */
+ border: 1px solid #E42737;
+ background: #FFF2F2; /* Old browsers */
}
.grey {
- border: 1px solid #BDBDBD;
- background: #DBDCDC; /* Old browsers */
- background: -moz-linear-gradient(top, #DBDCDC 0%, #E3E3E3 100%); /* FF3.6+
*/
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,
#DBDCDC), color-stop(100%, #E3E3E3)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #DBDCDC 0%, #E3E3E3 100%); /*
Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #DBDCDC 0%, #E3E3E3 100%); /* Opera
11.10+ */
- background: -ms-linear-gradient(top, #DBDCDC 0%, #E3E3E3 100%); /* IE10+ */
- background: linear-gradient(to bottom, #DBDCDC 0%, #E3E3E3 100%); /* W3C */
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr =
'#DBDCDC', endColorstr = '#E3E3E3', GradientType = 0); /* IE6-9 */
+ border: 1px solid #BDBDBD;
+ background: #DBDCDC; /* Old browsers */
+ background: -moz-linear-gradient(top, #DBDCDC 0%, #E3E3E3 100%); /*
FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #DBDCDC), color-stop(100%, #E3E3E3)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, #DBDCDC 0%, #E3E3E3 100%); /*
Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, #DBDCDC 0%, #E3E3E3 100%); /* Opera
11.10+ */
+ background: -ms-linear-gradient(top, #DBDCDC 0%, #E3E3E3 100%); /*
IE10+ */
+ background: linear-gradient(to bottom, #DBDCDC 0%, #E3E3E3 100%); /*
W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr =
'#DBDCDC', endColorstr = '#E3E3E3', GradientType = 0); /* IE6-9 */
}
/*form*/
#ui-feedback-form {
- border-top: 1px solid #aaa;
- cursor: auto;
+ border-top: 1px solid #aaa;
+ cursor: auto;
- background: -moz-linear-gradient(top, #EEEEEE 0%, #E5E5E5 100%); /* FF3.6+
*/
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,
#E5E5E5), color-stop(100%, #E5E5E5)); /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, #EEEEEE 0%, #E5E5E5 100%); /*
Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, #EEEEEE 0%, #E5E5E5 100%); /* Opera
11.10+ */
- background: -ms-linear-gradient(top, #EEEEEE 0%, #E5E5E5 100%); /* IE10+ */
- background: linear-gradient(to bottom, #EEEEEE 0%, #E5E5E5 100%); /* W3C */
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr =
'#EEEEEE', endColorstr = '#E5E5E5', GradientType = 0); /* IE6-9 */
+ background: -moz-linear-gradient(top, #EEEEEE 0%, #E5E5E5 100%); /*
FF3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #E5E5E5), color-stop(100%, #E5E5E5)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(top, #EEEEEE 0%, #E5E5E5 100%); /*
Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(top, #EEEEEE 0%, #E5E5E5 100%); /* Opera
11.10+ */
+ background: -ms-linear-gradient(top, #EEEEEE 0%, #E5E5E5 100%); /*
IE10+ */
+ background: linear-gradient(to bottom, #EEEEEE 0%, #E5E5E5 100%); /*
W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr =
'#EEEEEE', endColorstr = '#E5E5E5', GradientType = 0); /* IE6-9 */
- -webkit-border-bottom-right-radius: 5px;
- -webkit-border-bottom-left-radius: 5px;
- -moz-border-radius-bottomright: 5px;
- -moz-border-radius-bottomleft: 5px;
- border-bottom-right-radius: 5px;
- border-bottom-left-radius: 5px;
+ -webkit-border-bottom-right-radius: 5px;
+ -webkit-border-bottom-left-radius: 5px;
+ -moz-border-radius-bottomright: 5px;
+ -moz-border-radius-bottomleft: 5px;
+ border-bottom-right-radius: 5px;
+ border-bottom-left-radius: 5px;
}
#ui-feedback-form input[type="button"] {
- padding: 2px 5px;
+ padding: 2px 5px;
}
#ui-feedback-form ul {
- list-style: none;
- padding: 1em 2em 0em 2em;
+ list-style: none;
+ padding: 1em 2em 0em 2em;
}
#ui-feedback-form li {
- margin-top: 13px;
- /*margin-bottom: 5px;*/
+ margin-top: 13px;
+ /*margin-bottom: 5px;*/
}
#ui-feedback-notify-li {
- margin-top: 5px !important;
+ margin-top: 5px !important;
}
.ui-feedback-textarea {
- resize: vertical;
- width:255px;
- height:80px;
+ resize: vertical;
+ width: 255px;
+ height: 80px;
}
input[type="radio"], input[type="checkbox"] {
- margin: 0px 3px 0px 10px;
+ margin: 0px 3px 0px 10px;
}
input[type="radio"][name="ui-feedback-importance"] {
- margin: 0px 3px 0px 5px;
+ margin: 0px 3px 0px 5px;
}
label.headline {
- font-style: italic;
- color: #434444;
- display: block;
- /*margin-bottom: 5px;*/
- margin-top: 13px
+ font-style: italic;
+ color: #434444;
+ display: block;
+ /*margin-bottom: 5px;*/
+ margin-top: 13px
}
label.highlight_headline_label {
- margin-bottom: -8px;
- line-height: 1.3em;
+ margin-bottom: -8px;
+ line-height: 1.3em;
}
#ui-feedback-highlight-label {
- display: block;
- margin-top: -14px;
+ display: block;
+ margin-top: -14px;
}
#ui-feedback-blackout-label {
- margin-top: -15px;
- display: block;
+ margin-top: -15px;
+ display: block;
}
#ui-feedback-sticky-label {
- margin-top: -15px;
- display: block;
+ margin-top: -15px;
+ display: block;
}
#ui-feedback-task, .ui-feedback-textarea, #ui-feedback-task-other {
- margin-left: 10px;
+ margin-left: 10px;
}
#ui-feedback-task-other {
- margin-top: 5px !important;
+ margin-top: 5px !important;
}
#ui-feedback-task-li {
- margin-top: -10px !important;
+ margin-top: -10px !important;
}
#ui-feedback-hr {
- margin-top: 10px;
+ margin-top: 10px;
}
#ui-feedback-anonymous-scr-li {
- margin-top: 15px !important;
+ margin-top: 15px !important;
}
.highlight-button {
- position: relative;
- top: 5px;
- display: inline-block;
- height: 20px;
- width: 29px;
- margin-top: .8em;
- background-image: url(images/sprites.png);
- background-position: -114px -4px;
+ position: relative;
+ top: 5px;
+ display: inline-block;
+ height: 20px;
+ width: 29px;
+ margin-top: .8em;
+ background-image: url(images/sprites.png);
+ background-position: -114px -4px;
}
.blackout-button {
- position: relative;
- top: 5px;
- display: inline-block;
- height: 20px;
- width: 29px;
- margin-top: .8em;
- background-image: url(images/sprites.png);
- background-position: -114px -24px;
+ position: relative;
+ top: 5px;
+ display: inline-block;
+ height: 20px;
+ width: 29px;
+ margin-top: .8em;
+ background-image: url(images/sprites.png);
+ background-position: -114px -24px;
}
-.sticky-button{
- position: relative;
- top: 5px;
- display: inline-block;
- height: 20px;
- width: 29px;
- margin-top: .8em;
- background-image: url(images/sprites.png);
- background-position: -114px -48px;
+.sticky-button {
+ position: relative;
+ top: 5px;
+ display: inline-block;
+ height: 20px;
+ width: 29px;
+ margin-top: .8em;
+ background-image: url(images/sprites.png);
+ background-position: -114px -48px;
}
/*form-action-buttons*/
#ui-feedback-action-buttons {
- padding: 1em;
- text-align: center;
+ padding: 1em;
+ text-align: center;
}
#ui-feedback-close {
- /* float: left;/**/
+ /* float: left;/**/
}
#ui-feedback-reset {
- float: left; /**/
+ float: left; /**/
}
#ui-feedback-send, #ui-feedback-send_html2canvas {
- float: right;
+ float: right;
}
#ui-feedback-send:after, #ui-feedback-send_html2canvas:after {
- content: ".";
- height: 0px;
- clear: both;
+ content: ".";
+ height: 0px;
+ clear: both;
}
/*screenshot*/
.ui-feedback-close-rect {
- cursor: pointer;
- position: absolute;
- width: 21px;
- height: 21px;
- top: 2px;
- right: 2px;
- background-color: transparent;
- background-image: url(images/sprites.png);
- background-position: 0px -95px;
- z-index: 5500;
+ cursor: pointer;
+ position: absolute;
+ width: 21px;
+ height: 21px;
+ top: 2px;
+ right: 2px;
+ background-color: transparent;
+ background-image: url(images/sprites.png);
+ background-position: 0px -95px;
+ z-index: 5500;
}
.ui-feedback-close-rect:hover {
- background-image: url(images/sprites.png);
- background-position: -21px -95px;
+ background-image: url(images/sprites.png);
+ background-position: -21px -95px;
}
-.htmlfeedback-rect .ui-feedback-close{
- display:none;
+.htmlfeedback-rect .ui-feedback-close {
+ display: none;
}
.screenshot {
- background-color: #FFE2FF;
+ background-color: #FFE2FF;
}
/*help-window*/
.ui-feedback-help {
- position: absolute; /*fixed*/
- z-index: 5500;
- width: 252px;
- height: auto;
+ position: absolute; /*fixed*/
+ z-index: 5500;
+ width: 252px;
+ height: auto;
- display: none;
+ display: none;
- font-family: Helvetica, Arial, sans-serif;
- font-size: 0.8em;
- line-height: 1.5625em;
- color: #626465;
+ font-family: Helvetica, Arial, sans-serif;
+ font-size: 0.8em;
+ line-height: 1.5625em;
+ color: #626465;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- -webkit-box-shadow: 0 2px 5px 0 #ccc;
- -moz-box-shadow: 0 2px 5px 0 #ccc;
- box-shadow: 0 2px 5px 0 #ccc;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+ -webkit-box-shadow: 0 2px 5px 0 #ccc;
+ -moz-box-shadow: 0 2px 5px 0 #ccc;
+ box-shadow: 0 2px 5px 0 #ccc;
- top: 10px;
- right: 100px;
+ top: 10px;
+ right: 100px;
}
div.ui-feedback-help .title, div.ui-feedback-modal-dialogue .title {
- width: 100%;
- border-top: 1px solid #aaa;
- border-bottom: 1px solid #aaa;
- cursor: auto;
+ width: 100%;
+ border-top: 1px solid #aaa;
+ border-bottom: 1px solid #aaa;
+ cursor: auto;
}
div.ui-feedback-help .title:first-child, .ui-feedback-modal-dialogue
.title:first-child {
- border-top: none;
- cursor: move;
+ border-top: none;
+ cursor: move;
}
.ui-feedback-help .text, div.ui-feedback-modal-dialogue .text {
- padding: 10px;
- background: #eee url(images/gray-bg.png) repeat-x;
- cursor: auto;
+ padding: 10px;
+ background: #eee url(images/gray-bg.png) repeat-x;
+ cursor: auto;
}
.ui-feedback-help .text:last-child, .ui-feedback-modal-dialogue .footer {
- -webkit-border-bottom-right-radius: 5px;
- -webkit-border-bottom-left-radius: 5px;
- -moz-border-radius-bottomright: 5px;
- -moz-border-radius-bottomleft: 5px;
- border-bottom-right-radius: 5px;
- border-bottom-left-radius: 5px;
+ -webkit-border-bottom-right-radius: 5px;
+ -webkit-border-bottom-left-radius: 5px;
+ -moz-border-radius-bottomright: 5px;
+ -moz-border-radius-bottomleft: 5px;
+ border-bottom-right-radius: 5px;
+ border-bottom-left-radius: 5px;
}
.ui-feedback-modal-dialogue .footer {
- padding: 10px;
+ padding: 10px;
}
.ui-feedback-help .image {
- width: 232px;
- height: 180px;
- margin-top: 15px;
- border: solid 1px black;
- background-image: url(images/highlight.gif);
+ width: 232px;
+ height: 180px;
+ margin-top: 15px;
+ border: solid 1px black;
+ background-image: url(images/highlight.gif);
}
/* modal dialogue */
.ui-feedback-overlay {
- position: fixed;
- cursor: default;
- top: 0px;
- left: 0px;
- width: 100%;
- height: 100%;
- background-color: rgba(0, 0, 0, 0.5);
- z-index: 5555;
+ position: fixed;
+ cursor: default;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.5);
+ z-index: 5555;
}
.ui-feedback-modal-dialogue {
- width: 350px;
- position: fixed;
- margin-left: -175px;
- left: 50%;
- top: 30%;
- z-index: 6666;
+ width: 350px;
+ position: fixed;
+ margin-left: -175px;
+ left: 50%;
+ top: 30%;
+ z-index: 6666;
}
.ui-feedback-modal-dialogue .footer {
- border-top: 1px solid #aaa;
+ border-top: 1px solid #aaa;
}
.ui-feedback-modal-dialogue .left {
- float: left;
+ float: left;
}
.ui-feedback-modal-dialogue .right {
- float: right;
+ float: right;
}
td {
- margin: 20px;
+ margin: 20px;
}
/* browser icons */
.icon {
- width: 22px;
- height: 22px;
- background-image: url(images/sprites.png);
- float: left;
- color: transparent;
+ width: 22px;
+ height: 22px;
+ background-image: url(images/sprites.png);
+ float: left;
+ color: transparent;
}
.ie {
- background-position: -50px -98px;
+ background-position: -50px -98px;
}
.ff {
- background-position: -50px -25px;
+ background-position: -50px -25px;
}
.ch {
- background-position: -50px -2px;
+ background-position: -50px -2px;
}
.sf {
- background-position: -50px -76px;
+ background-position: -50px -76px;
}
.op {
- background-position: -50px -50px;
+ background-position: -50px -50px;
}
.win {
- background-position: -80px -59px;
+ background-position: -80px -59px;
}
.mac {
- background-position: -80px -33px;
+ background-position: -80px -33px;
}
.lin {
- width: 22px;
- height: 25px;
- background-position: -80px -2px;
+ width: 22px;
+ height: 25px;
+ background-position: -80px -2px;
}
.bsd {
- background-position: -80px -84px;
+ background-position: -80px -84px;
}
.notify {
- height: 17px;
- background-position: -81px -111px;
+ height: 17px;
+ background-position: -81px -111px;
}
.questionnaire-icon {
- position: relative;
- left: 50%;
- margin-left: -16px;
- width: 32px;
- height: 20px;
- background-position: -2px -107px;
+ position: relative;
+ left: 50%;
+ margin-left: -16px;
+ width: 32px;
+ height: 20px;
+ background-position: -2px -107px;
}
.screenshot-icon {
- position: relative;
- left: 50%;
- margin-left: -16px;
- width: 32px;
- height: 20px;
- background-position: -2px -88px;
+ position: relative;
+ left: 50%;
+ margin-left: -16px;
+ width: 32px;
+ height: 20px;
+ background-position: -2px -88px;
}
.filters {
- float: left;
+ float: left;
}
.stats {
- margin-left: 2em;
- float: left;
+ margin-left: 2em;
+ float: left;
}
.ui-feedback-help-icon-screenshot {
- display: inline-block;
- margin-bottom: -0.4em;
- width: 21px;
- height: 21px;
- background-image: url(images/sprites.png);
- background-position: -114px -68px;
+ display: inline-block;
+ margin-bottom: -0.4em;
+ width: 21px;
+ height: 21px;
+ background-image: url(images/sprites.png);
+ background-position: -114px -68px;
}
.ui-feedback-help-icon-questionnaire {
- display: inline-block;
- margin-bottom: -0.4em;
- width: 21px;
- height: 21px;
- background-image: url(images/sprites.png);
- background-position: -114px -87px;
+ display: inline-block;
+ margin-bottom: -0.4em;
+ width: 21px;
+ height: 21px;
+ background-image: url(images/sprites.png);
+ background-position: -114px -87px;
}
.ui-feedback-help-icon:hover {
- /*background-position:-162px 0px;*/
+ /*background-position:-162px 0px;*/
}
span.uif-tooltip {
- display: none;
- margin: 8px -10px;
- max-width: 250px;
- z-index: 1000;
- position: absolute;
- text-decoration: none;
- color: #fff;
- padding: 10px 0px 10px 10px;
- background: #333333;
- border: none;
- text-shadow: 0 1px 0 #000;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 15px;
+ display: none;
+ margin: 8px -10px;
+ max-width: 250px;
+ z-index: 1000;
+ position: absolute;
+ text-decoration: none;
+ color: #fff;
+ padding: 10px 0px 10px 10px;
+ background: #333333;
+ border: none;
+ text-shadow: 0 1px 0 #000;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 15px;
}
-span.uif-tooltip:before { /* Dreieck */
- content: "";
- position: absolute;
- top: -10px;
- left: 15px;
- float: left;
- width: 0px;
- height: 0px;
- border-width: 0px 11px 10px 11px;
- border-style: solid solid solid solid;
- border-color: transparent transparent #333333 transparent;
+span.uif-tooltip:before { /* Dreieck */
+ content: "";
+ position: absolute;
+ top: -10px;
+ left: 15px;
+ float: left;
+ width: 0px;
+ height: 0px;
+ border-width: 0px 11px 10px 11px;
+ border-style: solid solid solid solid;
+ border-color: transparent transparent #333333 transparent;
}
-#ui-feedback-help-anonym:hover, #ui-feedback-help-notify:hover{
- background-position: -114px -104px;
+#ui-feedback-help-anonym:hover, #ui-feedback-help-notify:hover {
+ background-position: -114px -104px;
}
#ui-feedback-help-anonym:hover .uif-tooltip.anonym {
- display: block;
+ display: block;
}
#ui-feedback-help-notify:hover .uif-tooltip.notify {
- display: block;
+ display: block;
}
-#uif-tooltip-help{
- margin: 30px -14px;
+#uif-tooltip-help {
+ margin: 30px -14px;
}
-#uif-tooltip-close{
- margin: 30px -14px;
+#uif-tooltip-close {
+ margin: 30px -14px;
}
-.ui-feedback-sticky-note{
- position:absolute;
- z-index:5555;
- padding:0px;
- padding-top:24px;
- cursor:move;
- background: #D8F8B9;
- width:100px;
- height: 100px;
- box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 15px;
+.ui-feedback-sticky-note {
+ position: absolute;
+ z-index: 5555;
+ padding: 0px;
+ padding-top: 24px;
+ cursor: move;
+ background: #D8F8B9;
+ width: 100px;
+ height: 100px;
+ box-shadow: rgba(0, 0, 0, 0.3) 5px 5px 15px;
}
.ui-feedback-sticky-note textarea {
- z-index:5555;
- background: #D8F8B9;
- border: 0px;
- width:95%;
- height:95%;
- resize: none;
+ z-index: 5555;
+ background: #D8F8B9;
+ border: 0px;
+ width: 95%;
+ height: 95%;
+ resize: none;
}
-.ui-feedback-sticky-close{
- display: none;
- position: absolute;
- top: 2px;
- right: 3px;
- width: 21px;
- height: 21px;
- background-image: url(images/sprites.png);
- background-position: 0px -22px;
+.ui-feedback-sticky-close {
+ display: none;
+ position: absolute;
+ top: 2px;
+ right: 3px;
+ width: 21px;
+ height: 21px;
+ background-image: url(images/sprites.png);
+ background-position: 0px -22px;
}
-.ui-feedback-sticky-close:hover{
- background-position: -22px -22px;
- cursor: pointer;
+.ui-feedback-sticky-close:hover {
+ background-position: -22px -22px;
+ cursor: pointer;
}
@font-face {
- font-family: 'uiFeedback';
- src: url("./font/uiFeedback.eot");
- src: url("./font/uiFeedback.svg") format('svg');
url("./font/uiFeedback.eot") format('embedded-opentype'),
url("./font/uiFeedback.woff") format('woff'), url("./font/uiFeedback.ttf")
format('truetype'),
- font-weight: normal;
- font-style: normal;
+ font-family: 'uiFeedback';
+ src: url("./font/uiFeedback.eot");
+ src: url("./font/uiFeedback.svg") format('svg');
url("./font/uiFeedback.eot") format('embedded-opentype'),
url("./font/uiFeedback.woff") format('woff'), url("./font/uiFeedback.ttf")
format('truetype'),
+ font-weight: normal;
+ font-style: normal;
}
[class^="icon-"]:before,
[class*="icon-"]:before {
- font-family: 'uiFeedback';
- font-style: normal;
- font-weight: normal;
- speak: none;
- display: inline-block;
- text-decoration: inherit;
- width: 1em;
- margin-right: 0.2em;
- text-align: center;
- /* opacity .8 */
- /* For safety - reset parent styles, that can break glyph codes*/
- font-variant: normal;
- text-transform: none;
- /* fix buttons height, for twitter bootstrap */
- line-height: 1em;
- /* Animation center compensation - magrins should be symmetric */
- /* remove if not needed */
- margin-left: 0.2em;
- /* you can be more comfortable with increased icons size */
- /* font-size: 120%; */
- /* Uncomment for 3D effect */
- /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
+ font-family: 'uiFeedback';
+ font-style: normal;
+ font-weight: normal;
+ speak: none;
+ display: inline-block;
+ text-decoration: inherit;
+ width: 1em;
+ margin-right: 0.2em;
+ text-align: center;
+ /* opacity .8 */
+ /* For safety - reset parent styles, that can break glyph codes*/
+ font-variant: normal;
+ text-transform: none;
+ /* fix buttons height, for twitter bootstrap */
+ line-height: 1em;
+ /* Animation center compensation - magrins should be symmetric */
+ /* remove if not needed */
+ margin-left: 0.2em;
+ /* you can be more comfortable with increased icons size */
+ /* font-size: 120%; */
+ /* Uncomment for 3D effect */
+ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-cancel-circled:before { content: '\e04c'; }
@@ -722,57 +722,57 @@
.icon-edit:before { content: '\e0bf'; }
.icon-comment:before { content: '\e718'; }
.icon-comment-1:before { content: '\f4ac'; }
-.icon-camera:before { content: '📷'; }
+.icon-camera:before { content: '\1f4f7'; } /* 'CAMERA' (U+1F4F7) */
-.feedback-button{
- height:20px;
- font-family: Helvetica, Arial, sans-serif;
- font-style: normal;
- font-weight: bold;
- z-index: 1000;
+.feedback-button {
+ height: 20px;
+ font-family: Helvetica, Arial, sans-serif;
+ font-style: normal;
+ font-weight: bold;
+ z-index: 1000;
- position:fixed;
- right:-47px;
- top:37%;
- padding:5px;
+ position: fixed;
+ right: -47px;
+ top: 37%;
+ padding: 5px;
- -moz-transform: rotate(270deg);
- -webkit-transform: rotate(270deg);
- -o-transform: rotate(270deg);
- -ms-transform: rotate(270deg);
- transform: rotate(270deg);
- -moz-border-radius: 5px 5px 0px 0px;
- -webkit-border-radius: 5px 5px 0px 0px;
- border-radius: 5px 5px 0px 0px;
+ -moz-transform: rotate(270deg);
+ -webkit-transform: rotate(270deg);
+ -o-transform: rotate(270deg);
+ -ms-transform: rotate(270deg);
+ transform: rotate(270deg);
+ -moz-border-radius: 5px 5px 0px 0px;
+ -webkit-border-radius: 5px 5px 0px 0px;
+ border-radius: 5px 5px 0px 0px;
}
-.screenshot-button{
- background: #F4F8FF;
- color:#3F6FBF;
- border: 1px solid #3F6FBF;
- border-bottom:0px;
+.screenshot-button {
+ background: #F4F8FF;
+ color: #3F6FBF;
+ border: 1px solid #3F6FBF;
+ border-bottom: 0px;
}
-.screenshot-button:hover{
- background: #F9FBFF;
- color: #3F7FBF;
- border: 1px solid #3F7FBF;
- border-bottom:0px;
- cursor: pointer;
+.screenshot-button:hover {
+ background: #F9FBFF;
+ color: #3F7FBF;
+ border: 1px solid #3F7FBF;
+ border-bottom: 0px;
+ cursor: pointer;
}
-.questionnaire-button{
- background: #FFF2F2;
- color: #D42727;
- border: 1px solid #D42727;
- border-bottom:0px;
+.questionnaire-button {
+ background: #FFF2F2;
+ color: #D42727;
+ border: 1px solid #D42727;
+ border-bottom: 0px;
}
-.questionnaire-button:hover{
- background: #FFF2F2;
- color: #E42737;
- border: 1px solid #E42737;
- border-bottom:0px;
- cursor: pointer;
-}
\ No newline at end of file
+.questionnaire-button:hover {
+ background: #FFF2F2;
+ color: #E42737;
+ border: 1px solid #E42737;
+ border-bottom: 0px;
+ cursor: pointer;
+}
--
To view, visit https://gerrit.wikimedia.org/r/131585
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: merged
Gerrit-Change-Id: I2d4f808065fc1a2bbba7c4dca0c08fd290d084ab
Gerrit-PatchSet: 2
Gerrit-Project: mediawiki/extensions/UIFeedback
Gerrit-Branch: master
Gerrit-Owner: Gerrit Patch Uploader <gerritpatchuploa...@gmail.com>
Gerrit-Reviewer: Gerrit Patch Uploader <gerritpatchuploa...@gmail.com>
Gerrit-Reviewer: TheDJ <hartman.w...@gmail.com>
_______________________________________________
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
