##// END OF EJS Templates
upstream » ipython
RSS

Clone from https://github.com/ipython/ipython.git

Fixed vertical widget labels
Jonathan Frederic -
Show More
Show file before | Show file after | Hide comments
@@ -11,7 +11,7 b' require(["notebook/js/widget"], function(){'
11 11 this.$el = $('<div />')
12 12 .addClass('widget-hbox-single');
13 13 this.$label = $('<div />')
14 .addClass('widget-label')
14 .addClass('widget-hlabel')
15 15 .appendTo(this.$el)
16 16 .hide();
17 17 this.$checkbox = $('<input />')
Show file before | Show file after | Hide comments
@@ -11,7 +11,7 b' require(["notebook/js/widget"], function(){'
11 11 .html('');
12 12 this.$label = $('<div />')
13 13 .appendTo(this.$el)
14 .addClass('widget-label')
14 .addClass('widget-hlabel')
15 15 .hide();
16 16 this.$slider = $('<div />')
17 17 .slider({})
@@ -46,14 +46,21 b' require(["notebook/js/widget"], function(){'
46 46 .addClass('widget-vslider');
47 47 this.$el
48 48 .removeClass('widget-hbox-single')
49 .addClass('widget-hbox-vsingle');
49 .addClass('widget-vbox-single');
50 this.$label
51 .removeClass('widget-hlabel')
52 .addClass('widget-vlabel');
53
50 54 } else {
51 55 this.$slider_container
52 56 .removeClass('widget-vslider')
53 57 .addClass('widget-hslider');
54 58 this.$el
55 .removeClass('widget-hbox-vsingle')
59 .removeClass('widget-vbox-single')
56 60 .addClass('widget-hbox-single');
61 this.$label
62 .removeClass('widget-vlabel')
63 .addClass('widget-hlabel');
57 64 }
58 65
59 66 var description = this.model.get('description');
@@ -86,7 +93,7 b' require(["notebook/js/widget"], function(){'
86 93 .html('');
87 94 this.$label = $('<div />')
88 95 .appendTo(this.$el)
89 .addClass('widget-label')
96 .addClass('widget-hlabel')
90 97 .hide();
91 98 this.$textbox = $('<input type="text" />')
92 99 .addClass('input')
Show file before | Show file after | Hide comments
@@ -11,7 +11,7 b' require(["notebook/js/widget"], function(){'
11 11 .html('');
12 12 this.$label = $('<div />')
13 13 .appendTo(this.$el)
14 .addClass('widget-label')
14 .addClass('widget-hlabel')
15 15 .hide();
16 16 this.$slider = $('<div />')
17 17 .slider({})
@@ -46,14 +46,21 b' require(["notebook/js/widget"], function(){'
46 46 .addClass('widget-vslider');
47 47 this.$el
48 48 .removeClass('widget-hbox-single')
49 .addClass('widget-hbox-vsingle');
49 .addClass('widget-vbox-single');
50 this.$label
51 .removeClass('widget-hlabel')
52 .addClass('widget-vlabel');
53
50 54 } else {
51 55 this.$slider_container
52 56 .removeClass('widget-vslider')
53 57 .addClass('widget-hslider');
54 58 this.$el
55 .removeClass('widget-hbox-vsingle')
59 .removeClass('widget-vbox-single')
56 60 .addClass('widget-hbox-single');
61 this.$label
62 .removeClass('widget-vlabel')
63 .addClass('widget-hlabel');
57 64 }
58 65
59 66 var description = this.model.get('description');
@@ -85,7 +92,7 b' require(["notebook/js/widget"], function(){'
85 92 .html('');
86 93 this.$label = $('<div />')
87 94 .appendTo(this.$el)
88 .addClass('widget-label')
95 .addClass('widget-hlabel')
89 96 .hide();
90 97 this.$textbox = $('<input type="text" />')
91 98 .addClass('input')
Show file before | Show file after | Hide comments
@@ -12,7 +12,7 b' require(["notebook/js/widget"], function(){'
12 12 .html('');
13 13 this.$label = $('<div />')
14 14 .appendTo(this.$el)
15 .addClass('widget-label')
15 .addClass('widget-hlabel')
16 16 .hide();
17 17 this.$buttongroup = $('<div />')
18 18 .addClass('widget_item')
@@ -90,7 +90,7 b' require(["notebook/js/widget"], function(){'
90 90 .html('');
91 91 this.$label = $('<div />')
92 92 .appendTo(this.$el)
93 .addClass('widget-label')
93 .addClass('widget-hlabel')
94 94 .hide();
95 95 this.$container = $('<div />')
96 96 .appendTo(this.$el)
@@ -172,7 +172,7 b' require(["notebook/js/widget"], function(){'
172 172 .html('');
173 173 this.$label = $('<div />')
174 174 .appendTo(this.$el)
175 .addClass('widget-label')
175 .addClass('widget-hlabel')
176 176 .hide();
177 177 this.$buttongroup = $('<div />')
178 178 .addClass('btn-group')
Show file before | Show file after | Hide comments
@@ -30,7 +30,7 b' require(["notebook/js/widget"], function(){'
30 30 .html('');
31 31 this.$label = $('<div />')
32 32 .appendTo(this.$el)
33 .addClass('widget-label')
33 .addClass('widget-hlabel')
34 34 .hide();
35 35 this.$textbox = $('<textarea />')
36 36 .attr('rows', 5)
@@ -79,7 +79,7 b' require(["notebook/js/widget"], function(){'
79 79 .addClass('widget-hbox-single')
80 80 .html('');
81 81 this.$label = $('<div />')
82 .addClass('widget-label')
82 .addClass('widget-hlabel')
83 83 .appendTo(this.$el)
84 84 .hide();
85 85 this.$textbox = $('<input type="text" />')
Show file before | Show file after | Hide comments
@@ -10,7 +10,7 b''
10 10 .vbox();
11 11 .box-flex2();
12 12
13 .widget-label {
13 .widget-hlabel {
14 14 min-width: 10ex;
15 15 padding-right: 8px;
16 16 text-align: right;
@@ -18,6 +18,12 b''
18 18 padding-top: 3px;
19 19 }
20 20
21 .widget-vlabel {
22 text-align: center;
23 vertical-align: text-bottom;
24 padding-bottom: 5px;
25 }
26
21 27 .widget-hslider {
22 28 padding-left: 8px;
23 29 padding-right: 5px;
@@ -47,18 +53,18 b''
47 53 .widget-vslider {
48 54 border: 1px solid #CCCCCC;
49 55 background: #FFFFFF;
50 height: 100%;
51 56 width: 5px;
52 57 margin-left: 12px;
53 58 padding-bottom: 14px;
54 59 .corner-all();
60 height: 250px;
55 61
56 62 .ui-slider {
57 63 border: 0px !important;
58 64 background: none !important;
59 65 margin-left: -4px;
60 height: 100%;
61 66 margin-top: 5px;
67 height: 100%;
62 68
63 69 .ui-slider-handle {
64 70 width: 28px !important;
@@ -86,22 +92,26 b''
86 92 .border-box-sizing();
87 93 }
88 94
89 .widget-hbox {
90 .hbox();
95 .widget-box {
91 96 .start();
92 97 .widget-container();
93 98 margin: 5px;
94 99 }
95 100
101 .widget-hbox {
102 .widget-box();
103 .hbox();
104 }
105
96 106 .widget-hbox-single {
97 107 .widget-hbox();
98 108 height: 30px;
99 109 }
100 110
101 .widget-hbox-vsingle {
102 .widget-hbox();
111 .widget-vbox-single {
112 .widget-box();
113 .vbox();
103 114 width: 30px;
104 height: 250px;
105 115 }
106 116 }
107 117 }
Show file before | Show file after | Hide comments
@@ -166,10 +166,12 b' h1:hover .anchor-link,h2:hover .anchor-link,h3:hover .anchor-link,h4:hover .anch'
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 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;}
169 .widget-area .widget-subarea .widget-hslider{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-hslider .ui-slider{border:0px !important;background:none !important;}.widget-area .widget-subarea .widget-hslider .ui-slider .ui-slider-handle{width:14px !important;height:28px !important;margin-top:-7px !important;}
170 .widget-area .widget-subarea .widget-vslider{border:1px solid #CCCCCC;background:#FFFFFF;height:100%;width:5px;margin-left:12px;padding-bottom:14px;border-radius:4px;}.widget-area .widget-subarea .widget-vslider .ui-slider{border:0px !important;background:none !important;margin-left:-4px;height:100%;margin-top:5px;}.widget-area .widget-subarea .widget-vslider .ui-slider .ui-slider-handle{width:28px !important;height:14px !important;margin-left:-15px;}
170 171 .widget-area .widget-subarea .widget-text{width:350px;margin-bottom:0px;}
171 172 .widget-area .widget-subarea .widget-numeric-text{width:150px;}
172 173 .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;}
174 .widget-area .widget-subarea .widget-container{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
175 .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;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:5px;}
176 .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;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:5px;height:30px;}
177 .widget-area .widget-subarea .widget-hbox-vsingle{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;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:5px;width:30px;height:250px;}
Show file before | Show file after | Hide comments
@@ -1585,10 +1585,12 b' span#checkpoint_status,span#autosave_status{font-size:small;}'
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 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;}
1588 .widget-area .widget-subarea .widget-hslider{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-hslider .ui-slider{border:0px !important;background:none !important;}.widget-area .widget-subarea .widget-hslider .ui-slider .ui-slider-handle{width:14px !important;height:28px !important;margin-top:-7px !important;}
1589 .widget-area .widget-subarea .widget-vslider{border:1px solid #CCCCCC;background:#FFFFFF;height:100%;width:5px;margin-left:12px;padding-bottom:14px;border-radius:4px;}.widget-area .widget-subarea .widget-vslider .ui-slider{border:0px !important;background:none !important;margin-left:-4px;height:100%;margin-top:5px;}.widget-area .widget-subarea .widget-vslider .ui-slider .ui-slider-handle{width:28px !important;height:14px !important;margin-left:-15px;}
1589 1590 .widget-area .widget-subarea .widget-text{width:350px;margin-bottom:0px;}
1590 1591 .widget-area .widget-subarea .widget-numeric-text{width:150px;}
1591 1592 .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;}
1593 .widget-area .widget-subarea .widget-container{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
1594 .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;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:5px;}
1595 .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;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:5px;height:30px;}
1596 .widget-area .widget-subarea .widget-hbox-vsingle{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;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:5px;width:30px;height:250px;}
General Comments 0
You need to be logged in to leave comments. Login now