SOLR-3238: Use Bootstrap-Style for Buttons

git-svn-id: https://svn.apache.org/repos/asf/lucene/dev/trunk@1328891 13f79535-47bb-0310-9956-ffa450edef68
This commit is contained in:
Stefan Matheis 2012-04-22 15:08:24 +00:00
parent ab0099f652
commit 698188fe9a
8 changed files with 130 additions and 46 deletions

View File

@ -22,12 +22,106 @@ a, button
cursor: pointer;
}
button, input, select, textarea
input, select, textarea
{
border: 1px solid #c0c0c0;
padding: 2px;
}
button
{
background-color: #e6e6e6;
background-repeat: no-repeat;
background-image: -webkit-gradient( linear, 0 0, 0 100%, from( #ffffff ), color-stop( 25%, #ffffff ), to( #e6e6e6 ) );
background-image: -webkit-linear-gradient( #ffffff, #ffffff 25%, #e6e6e6 );
background-image: -moz-linear-gradient( top, #ffffff, #ffffff 25%, #e6e6e6 );
background-image: -ms-linear-gradient( #ffffff, #ffffff 25%, #e6e6e6 );
background-image: -o-linear-gradient( #ffffff, #ffffff 25%, #e6e6e6 );
background-image: linear-gradient( #ffffff, #ffffff 25%, #e6e6e6 );
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0 );
border: 1px solid #ccc;
border-bottom-color: #bbb;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.2 ), 0 1px 2px rgba( 0, 0, 0, 0.05 );
-moz-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.2 ), 0 1px 2px rgba( 0, 0, 0, 0.05 );
box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.2 ), 0 1px 2px rgba( 0, 0, 0, 0.05 );
color: #333;
cursor: pointer;
display: inline-block;
padding: 4px 7px 5px;
overflow: visible;
text-shadow: 0 1px 1px rgba( 255, 255, 255, 0.75 );
-webkit-transition: 0.1s linear background-image;
-moz-transition: 0.1s linear background-image;
-ms-transition: 0.1s linear background-image;
-o-transition: 0.1s linear background-image;
transition: 0.1s linear background-image;
}
button span
{
background-position: 0 50%;
display: block;
padding-left: 21px;
}
button[type=submit], button.primary
{
background-color: #0064cd;
background-repeat: repeat-x;
background-image: -khtml-gradient( linear, left top, left bottom, from( #049cdb ), to( #0064cd ) );
background-image: -moz-linear-gradient( top, #049cdb, #0064cd );
background-image: -ms-linear-gradient( top, #049cdb, #0064cd );
background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 0%, #049cdb ), color-stop( 100%, #0064cd ) );
background-image: -webkit-linear-gradient( top, #049cdb, #0064cd );
background-image: -o-linear-gradient( top, #049cdb, #0064cd );
background-image: linear-gradient( top, #049cdb, #0064cd );
border-color: #0064cd #0064cd #003f81;
border-color: rgba( 0, 0, 0, 0.1 ) rgba( 0, 0, 0, 0.1 ) rgba( 0, 0, 0, 0.25 );
color: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0 );
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
button.success
{
background-color: #57a957;
background-repeat: repeat-x;
background-image: -khtml-gradient( linear, left top, left bottom, from( #62c462 ), to( #57a957 ) );
background-image: -moz-linear-gradient( top, #62c462, #57a957 );
background-image: -ms-linear-gradient( top, #62c462, #57a957 );
background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 0%, #62c462 ), color-stop( 100%, #57a957 ) );
background-image: -webkit-linear-gradient( top, #62c462, #57a957 );
background-image: -o-linear-gradient( top, #62c462, #57a957 );
background-image: linear-gradient( top, #62c462, #57a957 );
border-color: #57a957 #57a957 #3d773d;
border-color: rgba( 0, 0, 0, 0.1 ) rgba( 0, 0, 0, 0.1 ) rgba( 0, 0, 0, 0.25 );
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62c462', endColorstr='#57a957', GradientType=0 );
color: #ffffff;
text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.25 );
}
button.warn
{
background-color: #c43c35;
background-repeat: repeat-x;
background-image: -khtml-gradient( linear, left top, left bottom, from( #ee5f5b ), to( #c43c35 ) );
background-image: -moz-linear-gradient( top, #ee5f5b, #c43c35 );
background-image: -ms-linear-gradient( top, #ee5f5b, #c43c35 );
background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 0%, #ee5f5b ), color-stop( 100%, #c43c35 ) );
background-image: -webkit-linear-gradient( top, #ee5f5b, #c43c35 );
background-image: -o-linear-gradient( top, #ee5f5b, #c43c35 );
background-image: linear-gradient( top, #ee5f5b, #c43c35 );
border-color: #c43c35 #c43c35 #882a25;
border-color: rgba( 0, 0, 0, 0.1 ) rgba( 0, 0, 0, 0.1 ) rgba( 0, 0, 0, 0.25 );
color: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0 );
text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.25 );
}
a
{
text-decoration: none;

View File

@ -449,9 +449,8 @@
#content #replication #navigation button
{
background-position: 2px 50%;
display: block;
margin-bottom: 10px;
padding-left: 21px;
}
#content #replication #navigation button.optional
@ -459,40 +458,37 @@
display: none;
}
#content #replication #navigation .replicate-now
#content #replication #navigation .replicate-now span
{
background-image: url( ../../img/ico/document-convert.png );
}
#content #replication #navigation .abort-replication
#content #replication #navigation .abort-replication span
{
background-color: #800;
background-image: url( ../../img/ico/hand.png );
border-color: #800;
color: #fff;
}
#content #replication #navigation .disable-polling
#content #replication #navigation .disable-polling span
{
background-image: url( ../../img/ico/cross.png );
}
#content #replication #navigation .enable-polling
#content #replication #navigation .enable-polling span
{
background-image: url( ../../img/ico/tick.png );
}
#content #replication #navigation .disable-replication
#content #replication #navigation .disable-replication span
{
background-image: url( ../../img/ico/cross.png );
}
#content #replication #navigation .enable-replication
#content #replication #navigation .enable-replication span
{
background-image: url( ../../img/ico/tick.png );
}
#content #replication #navigation .refresh-status
#content #replication #navigation .refresh-status span
{
background-image: url( ../../img/ico/arrow-circle.png );
}

View File

@ -153,6 +153,7 @@
margin-right: 5px;
text-align: right;
width: 100px;
white-space: pre;
}
#content #schema-browser #data #field .field-options .analyzer a
@ -246,15 +247,12 @@
#content #schema-browser #data #field .terminfo-holder .trigger
{
float: left;
width: 130px;
width: 140px;
}
#content #schema-browser #data #field .terminfo-holder .trigger button
#content #schema-browser #data #field .terminfo-holder .trigger button span
{
background-image: url( ../../img/ico/information.png );
background-position: 3px 50%;
display: block;
padding-left: 23px;
}
#content #schema-browser #data #field .terminfo-holder .status
@ -266,13 +264,9 @@
padding-right: 20px;
}
#content #schema-browser #data #field .terminfo-holder.disabled .trigger button
#content #schema-browser #data #field .terminfo-holder.disabled .trigger button span
{
background-color: #f0f0f0;
background-image: url( ../../img/ico/prohibition.png );
border-color: #fff;
color: #c0c0c0;
cursor: auto;
}
#content #schema-browser #data #field .terminfo-holder.disabled .status

View File

@ -110,14 +110,14 @@ var replication_fetch_status = function()
dataType : 'json',
beforeSend : function( xhr, settings )
{
$( '.refresh-status', navigation_element )
$( '.refresh-status span', navigation_element )
.addClass( 'loader' );
clear_timer();
},
success : function( response, text_status, xhr )
{
$( '.refresh-status', navigation_element )
$( '.refresh-status span', navigation_element )
.removeClass( 'loader' );
var data = response.details;

View File

@ -61,12 +61,12 @@ var load_terminfo = function( trigger_element, core_basepath, field, data_elemen
context : terminfo_element,
beforeSend : function( xhr, settings )
{
trigger_element
$( 'span', trigger_element )
.addClass( 'loader' );
},
success : function( response, text_status, xhr )
{
trigger_element
$( 'span', trigger_element )
.removeClass( 'loader' );
var field_data = response.fields[field];
@ -104,15 +104,15 @@ var load_terminfo = function( trigger_element, core_basepath, field, data_elemen
{
if( topterms_frq_last !== topterms[i+1] )
{
if( topterms_frq_last )
{
topterms_content += '</ul></li>' + "\n";
}
if( topterms_frq_last )
{
topterms_content += '</ul></li>' + "\n";
}
topterms_frq_last = topterms[i+1];
topterms_content += '<li class="clearfix">'
+ '<p><span>' + topterms_frq_last.esc() + '</span></p>' + "\n"
+ '<ul>' + "\n";
topterms_frq_last = topterms[i+1];
topterms_content += '<li class="clearfix">'
+ '<p><span>' + topterms_frq_last.esc() + '</span></p>' + "\n"
+ '<ul>' + "\n";
}
var target = '#/' + current_core + '/query?q=' + field.esc() + ':' + encodeURIComponent( topterms[i] );

View File

@ -51,12 +51,12 @@ limitations under the License.
</li>
<li class="settings-holder clearfix">
<div class="settings">
<div class="settings clearfix">
<label for="type_or_name">Analyse Fieldname / FieldType:</label>
<select id="type_or_name"></select>
<div class="buttons">
<div class="buttons clearfix">
<button type="submit">Analyse Values</button>

View File

@ -187,19 +187,19 @@ limitations under the License.
</div>
<button class="refresh-status">Refresh Status</button>
<button class="refresh-status"><span>Refresh Status</span></button>
<div class="slaveOnly">
<button class="optional replicate-now" data-command="fetchindex">Replicate now</button>
<button class="optional abort-replication" data-command="abortfetch">Abort Replication</button>
<button class="optional replicate-now primary" data-command="fetchindex"><span>Replicate now</span></button>
<button class="optional abort-replication warn" data-command="abortfetch"><span>Abort Replication</span></button>
<button class="optional disable-polling" data-command="disablepoll">Disable Polling</button>
<button class="optional enable-polling" data-command="enablepoll">Enable Polling</button>
<button class="optional disable-polling" data-command="disablepoll"><span>Disable Polling</span></button>
<button class="optional enable-polling" data-command="enablepoll"><span>Enable Polling</span></button>
</div>
<div class="masterOnly">
<button class="optional disable-replication" data-command="disablereplication">Disable Replication</button>
<button class="optional enable-replication" data-command="enablereplication">Enable Replication</button>
<button class="optional disable-replication warn" data-command="disablereplication"><span>Disable Replication<span></button>
<button class="optional enable-replication warn" data-command="enablereplication"><span>Enable Replication<span></button>
</div>
</div>

View File

@ -100,9 +100,9 @@ limitations under the License.
<div class="trigger">
<button class="submit">Load Term Info</button>
<button class="submit"><span>Load Term Info</span></button>
<a class="autoload" title="Automatically load Term Info?"><span>Autoload</span></a>
<a class="autoload" title="Automatically load Term Info?"><span>Autoload</span></a>
</div>