Show More
@@ -19,7 +19,7 b' require(["notebook/js/widget"], function(){' | |||
|
19 | 19 | |
|
20 | 20 | // Put the slider in a container |
|
21 | 21 | this.$slider_container = $('<div />') |
|
22 | .addClass('widget-slider') | |
|
22 | .addClass('widget-hslider') | |
|
23 | 23 | .append(this.$slider); |
|
24 | 24 | this.$el.append(this.$slider_container); |
|
25 | 25 | |
@@ -39,6 +39,23 b' require(["notebook/js/widget"], function(){' | |||
|
39 | 39 | } |
|
40 | 40 | } |
|
41 | 41 | |
|
42 | var orientation = this.model.get('orientation'); | |
|
43 | if (orientation=='vertical') { | |
|
44 | this.$slider_container | |
|
45 | .removeClass('widget-hslider') | |
|
46 | .addClass('widget-vslider'); | |
|
47 | this.$el | |
|
48 | .removeClass('widget-hbox-single') | |
|
49 | .addClass('widget-hbox-vsingle'); | |
|
50 | } else { | |
|
51 | this.$slider_container | |
|
52 | .removeClass('widget-vslider') | |
|
53 | .addClass('widget-hslider'); | |
|
54 | this.$el | |
|
55 | .removeClass('widget-hbox-vsingle') | |
|
56 | .addClass('widget-hbox-single'); | |
|
57 | } | |
|
58 | ||
|
42 | 59 | var description = this.model.get('description'); |
|
43 | 60 | if (description.length == 0) { |
|
44 | 61 | this.$label.hide(); |
@@ -19,7 +19,7 b' require(["notebook/js/widget"], function(){' | |||
|
19 | 19 | |
|
20 | 20 | // Put the slider in a container |
|
21 | 21 | this.$slider_container = $('<div />') |
|
22 | .addClass('widget-slider') | |
|
22 | .addClass('widget-hslider') | |
|
23 | 23 | .append(this.$slider); |
|
24 | 24 | this.$el.append(this.$slider_container); |
|
25 | 25 | |
@@ -39,6 +39,23 b' require(["notebook/js/widget"], function(){' | |||
|
39 | 39 | } |
|
40 | 40 | } |
|
41 | 41 | |
|
42 | var orientation = this.model.get('orientation'); | |
|
43 | if (orientation=='vertical') { | |
|
44 | this.$slider_container | |
|
45 | .removeClass('widget-hslider') | |
|
46 | .addClass('widget-vslider'); | |
|
47 | this.$el | |
|
48 | .removeClass('widget-hbox-single') | |
|
49 | .addClass('widget-hbox-vsingle'); | |
|
50 | } else { | |
|
51 | this.$slider_container | |
|
52 | .removeClass('widget-vslider') | |
|
53 | .addClass('widget-hslider'); | |
|
54 | this.$el | |
|
55 | .removeClass('widget-hbox-vsingle') | |
|
56 | .addClass('widget-hbox-single'); | |
|
57 | } | |
|
58 | ||
|
42 | 59 | var description = this.model.get('description'); |
|
43 | 60 | if (description.length == 0) { |
|
44 | 61 | this.$label.hide(); |
@@ -18,7 +18,7 b'' | |||
|
18 | 18 | padding-top: 3px; |
|
19 | 19 | } |
|
20 | 20 | |
|
21 | .widget-slider { | |
|
21 | .widget-hslider { | |
|
22 | 22 | padding-left: 8px; |
|
23 | 23 | padding-right: 5px; |
|
24 | 24 | margin-top: 11px; |
@@ -44,6 +44,30 b'' | |||
|
44 | 44 | } |
|
45 | 45 | } |
|
46 | 46 | |
|
47 | .widget-vslider { | |
|
48 | border: 1px solid #CCCCCC; | |
|
49 | background: #FFFFFF; | |
|
50 | height: 100%; | |
|
51 | width: 5px; | |
|
52 | margin-left: 12px; | |
|
53 | padding-bottom: 14px; | |
|
54 | .corner-all(); | |
|
55 | ||
|
56 | .ui-slider { | |
|
57 | border: 0px !important; | |
|
58 | background: none !important; | |
|
59 | margin-left: -4px; | |
|
60 | height: 100%; | |
|
61 | margin-top: 5px; | |
|
62 | ||
|
63 | .ui-slider-handle { | |
|
64 | width: 28px !important; | |
|
65 | height: 14px !important; | |
|
66 | margin-left: -15px; | |
|
67 | } | |
|
68 | } | |
|
69 | } | |
|
70 | ||
|
47 | 71 | .widget-text { |
|
48 | 72 | width: 350px; |
|
49 | 73 | margin-bottom: 0px; |
@@ -59,7 +83,6 b'' | |||
|
59 | 83 | } |
|
60 | 84 | |
|
61 | 85 | .widget-container { |
|
62 | .box-flex1(); | |
|
63 | 86 | .border-box-sizing(); |
|
64 | 87 | } |
|
65 | 88 | |
@@ -67,13 +90,18 b'' | |||
|
67 | 90 | .hbox(); |
|
68 | 91 | .start(); |
|
69 | 92 | .widget-container(); |
|
70 |
margin |
|
|
71 | margin-top: 5px; | |
|
93 | margin: 5px; | |
|
72 | 94 | } |
|
73 | 95 | |
|
74 | 96 | .widget-hbox-single { |
|
75 | 97 | .widget-hbox(); |
|
76 | 98 | height: 30px; |
|
77 | 99 | } |
|
100 | ||
|
101 | .widget-hbox-vsingle { | |
|
102 | .widget-hbox(); | |
|
103 | width: 30px; | |
|
104 | height: 250px; | |
|
105 | } | |
|
78 | 106 | } |
|
79 | 107 | } |
@@ -165,7 +165,11 b' h1:hover .anchor-link,h2:hover .anchor-link,h3:hover .anchor-link,h4:hover .anch' | |||
|
165 | 165 | .ipython_tooltip .tooltiptext pre{border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-size:100%;background-color:#f7f7f7;} |
|
166 | 166 | .pretooltiparrow{left:0px;margin:0px;top:-16px;width:40px;height:16px;overflow:hidden;position:absolute;} |
|
167 | 167 | .pretooltiparrow:before{background-color:#f7f7f7;border:1px #ababab solid;z-index:11;content:"";position:absolute;left:15px;top:10px;width:25px;height:25px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);} |
|
168 | .widget-label{min-width:300px;} | |
|
169 | div.widget-container{-webkit-box-flex:2;-moz-box-flex:2;box-flex:2;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} | |
|
170 | div.widget-area{page-break-inside:avoid;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:horizontal;-moz-box-align:stretch;display:box;box-orient:horizontal;box-align:stretch;} | |
|
171 | div.widget-subarea{padding:0.44em 0.4em 0.4em 1px;margin-left:6px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:vertical;-moz-box-align:stretch;display:box;box-orient:vertical;box-align:stretch;width:100%;-webkit-box-flex:2;-moz-box-flex:2;box-flex:2;} | |
|
168 | .widget-area{page-break-inside:avoid;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:horizontal;-moz-box-align:stretch;display:box;box-orient:horizontal;box-align:stretch;}.widget-area .widget-subarea{padding:0.44em 0.4em 0.4em 1px;margin-left:6px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:vertical;-moz-box-align:stretch;display:box;box-orient:vertical;box-align:stretch;width:100%;-webkit-box-flex:2;-moz-box-flex:2;box-flex:2;}.widget-area .widget-subarea .widget-label{min-width:10ex;padding-right:8px;text-align:right;vertical-align:text-top;padding-top:3px;} | |
|
169 | .widget-area .widget-subarea .widget-slider{padding-left:8px;padding-right:5px;margin-top:11px;width:348px;height:5px !important;overflow:visible !important;border:1px solid #CCCCCC;background:#FFFFFF;border-radius:4px;}.widget-area .widget-subarea .widget-slider .ui-slider{border:0px !important;background:none !important;}.widget-area .widget-subarea .widget-slider .ui-slider .ui-slider-handle{width:14px !important;height:28px !important;margin-top:-7px !important;} | |
|
170 | .widget-area .widget-subarea .widget-text{width:350px;margin-bottom:0px;} | |
|
171 | .widget-area .widget-subarea .widget-numeric-text{width:150px;} | |
|
172 | .widget-area .widget-subarea .widget-combo-btn{min-width:138px;height:30px;} | |
|
173 | .widget-area .widget-subarea .widget-container{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} | |
|
174 | .widget-area .widget-subarea .widget-hbox{display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:horizontal;-moz-box-align:stretch;display:box;box-orient:horizontal;box-align:stretch;-webkit-box-pack:start;-moz-box-pack:start;box-pack:start;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:5px;margin-top:5px;} | |
|
175 | .widget-area .widget-subarea .widget-hbox-single{display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:horizontal;-moz-box-align:stretch;display:box;box-orient:horizontal;box-align:stretch;-webkit-box-pack:start;-moz-box-pack:start;box-pack:start;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:5px;margin-top:5px;height:30px;} |
@@ -1584,7 +1584,11 b' span#checkpoint_status,span#autosave_status{font-size:small;}' | |||
|
1584 | 1584 | .ipython_tooltip .tooltiptext pre{border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;font-size:100%;background-color:#f7f7f7;} |
|
1585 | 1585 | .pretooltiparrow{left:0px;margin:0px;top:-16px;width:40px;height:16px;overflow:hidden;position:absolute;} |
|
1586 | 1586 | .pretooltiparrow:before{background-color:#f7f7f7;border:1px #ababab solid;z-index:11;content:"";position:absolute;left:15px;top:10px;width:25px;height:25px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);} |
|
1587 | .widget-label{min-width:300px;} | |
|
1588 | div.widget-container{-webkit-box-flex:2;-moz-box-flex:2;box-flex:2;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} | |
|
1589 | div.widget-area{page-break-inside:avoid;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:horizontal;-moz-box-align:stretch;display:box;box-orient:horizontal;box-align:stretch;} | |
|
1590 | div.widget-subarea{padding:0.44em 0.4em 0.4em 1px;margin-left:6px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:vertical;-moz-box-align:stretch;display:box;box-orient:vertical;box-align:stretch;width:100%;-webkit-box-flex:2;-moz-box-flex:2;box-flex:2;} | |
|
1587 | .widget-area{page-break-inside:avoid;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:horizontal;-moz-box-align:stretch;display:box;box-orient:horizontal;box-align:stretch;}.widget-area .widget-subarea{padding:0.44em 0.4em 0.4em 1px;margin-left:6px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:vertical;-moz-box-align:stretch;display:box;box-orient:vertical;box-align:stretch;width:100%;-webkit-box-flex:2;-moz-box-flex:2;box-flex:2;}.widget-area .widget-subarea .widget-label{min-width:10ex;padding-right:8px;text-align:right;vertical-align:text-top;padding-top:3px;} | |
|
1588 | .widget-area .widget-subarea .widget-slider{padding-left:8px;padding-right:5px;margin-top:11px;width:348px;height:5px !important;overflow:visible !important;border:1px solid #CCCCCC;background:#FFFFFF;border-radius:4px;}.widget-area .widget-subarea .widget-slider .ui-slider{border:0px !important;background:none !important;}.widget-area .widget-subarea .widget-slider .ui-slider .ui-slider-handle{width:14px !important;height:28px !important;margin-top:-7px !important;} | |
|
1589 | .widget-area .widget-subarea .widget-text{width:350px;margin-bottom:0px;} | |
|
1590 | .widget-area .widget-subarea .widget-numeric-text{width:150px;} | |
|
1591 | .widget-area .widget-subarea .widget-combo-btn{min-width:138px;height:30px;} | |
|
1592 | .widget-area .widget-subarea .widget-container{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} | |
|
1593 | .widget-area .widget-subarea .widget-hbox{display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:horizontal;-moz-box-align:stretch;display:box;box-orient:horizontal;box-align:stretch;-webkit-box-pack:start;-moz-box-pack:start;box-pack:start;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:5px;margin-top:5px;} | |
|
1594 | .widget-area .widget-subarea .widget-hbox-single{display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-align:stretch;display:-moz-box;-moz-box-orient:horizontal;-moz-box-align:stretch;display:box;box-orient:horizontal;box-align:stretch;-webkit-box-pack:start;-moz-box-pack:start;box-pack:start;-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:5px;margin-top:5px;height:30px;} |
General Comments 0
You need to be logged in to leave comments.
Login now