blob42
/
angularjs-batarang
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

refactored to remove jquery-ui css dependency

Browse Source
test-unit-sauce
Brian Ford 12 years ago
parent ec526410f5
commit de042c0096
4 changed files with 68 additions and 1329 deletions
Show Stats Download Patch File Download Diff File

1323
css/jquery-ui.css vendored
View File

File diff suppressed because it is too large Load Diff

65
css/panel.css
Unescape Escape View File

@ -8,7 +8,7 @@
}
.scope-branch {
margin-left: 30px;
background-color:rgba(0,0,0,0.06);
background-color: rgba(0,0,0,0.06);
}
body {
margin: 10px;
@ -22,3 +22,66 @@ body {
border-top: none;
background-color: #E0E0E0;
}
/*
* Slider widget style based on jquery-ui-bootstrap
* http://addyosmani.github.com/jquery-ui-bootstrap
*/
.ui-slider {
position: relative;
text-align: left;
height: .8em;
border-radius: 4px;
border: 1px solid #aaaaaa;
background: #ffffff;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
top: -.3em;
margin-left: -.6em;
cursor: default;
border-radius: 4px;
background-color: #e6e6e6;
background-repeat: no-repeat;
background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
/*background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);*/
font-size: 13px;
line-height: normal;
border: 1px solid #ccc;
border-bottom-color: #bbb;
-webkit-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);
-webkit-transition: 0.1s linear background-image;
transition: 0.1s linear background-image;
overflow: visible;
}
.ui-slider .ui-slider-range {
position: absolute;
top: 0;
height: 100%;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
background-color: #0064cd;
background-repeat: repeat-x;
background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
/*background-image: linear-gradient(top, #049cdb, #0064cd);*/
}

8
js/directives/slider.js
Unescape Escape View File

@ -9,10 +9,10 @@ panelApp.directive('batSlider', function($compile) {
},
link: function (scope, element, attrs) {
var dom = $('<div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">' +
'<div class="ui-slider-range ui-widget-header"></div>' +
'<a class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a>' +
'<a class="ui-slider-handle ui-state-default ui-corner-all" href="#"></a>' +
var dom = $('<div class="ui-slider">' +
'<a class="ui-slider-handle" href></a>' +
'<a class="ui-slider-handle" href></a>' +
'<div class="ui-slider-range"></div>' +
'</div>');
element.append(dom);

1
panel.html
Unescape Escape View File

@ -1,7 +1,6 @@
<!doctype html>
<html ng-csp ng-app="panelApp">
<head>
<link rel="stylesheet" href="css/jquery-ui.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-responsive.css">
<link rel="stylesheet" href="css/d3.css">