fix jquery button styles for current theme

they were just white, that was a mistake.
the new theme has them looking exactly like the 
new styles we are working on but this will get
them looking right now.

Change-Id: I115b84351d8afe44bfdf17e1a3758ba9e4d129e5
Reviewed-on: https://gerrit.instructure.com/5850
Tested-by: Hudson <hudson@instructure.com>
Reviewed-by: Zach Pendleton <zachp@instructure.com>
Reviewed-by: Jon Jensen <jon@instructure.com>
This commit is contained in:
Ryan Shaw 2011-09-27 10:14:41 -06:00
parent 23edefc404
commit a3ca09d65c
2 changed files with 7 additions and 2 deletions

View File

@ -35,8 +35,13 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad
/* Instructure Changes */
$button-text-color: #525252;
.ui-button {
//the addition of the ui-widget-content selector prefix is to make sure this style
//gets precendence over the .ui-state-default, .ui-widget-content .ui-state-default
//background image in jquery-ui-theme.css
.ui-button, .ui-widget-content .ui-button {
@include vertical-gradiant(#f3f3f3, #cecece);
}
.ui-button {
@include border-radius(10px);
@include box-shadow(rgba(0,0,0,0.5), 0px, 1px, 2px, 0);
border: 1px solid #bdbdbd;

View File

@ -387,7 +387,7 @@
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; font-size: 12px; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; background: transparent !important; border: 0px none; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; border: 0px none; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Slider