##// END OF EJS Templates
make savewidget css a little more generic...
Min RK -
Show More
@@ -29,7 +29,7 b' define(['
29
29
30 SaveWidget.prototype.bind_events = function () {
30 SaveWidget.prototype.bind_events = function () {
31 var that = this;
31 var that = this;
32 this.element.find('span#notebook_name').click(function () {
32 this.element.find('span.filename').click(function () {
33 that.rename_notebook({notebook: that.notebook});
33 that.rename_notebook({notebook: that.notebook});
34 });
34 });
35 this.events.on('notebook_loaded.Notebook', function () {
35 this.events.on('notebook_loaded.Notebook', function () {
@@ -130,7 +130,7 b' define(['
130
130
131 SaveWidget.prototype.update_notebook_name = function () {
131 SaveWidget.prototype.update_notebook_name = function () {
132 var nbname = this.notebook.get_notebook_name();
132 var nbname = this.notebook.get_notebook_name();
133 this.element.find('span#notebook_name').text(nbname);
133 this.element.find('span.filename').text(nbname);
134 };
134 };
135
135
136
136
@@ -152,11 +152,11 b' define(['
152
152
153
153
154 SaveWidget.prototype.set_save_status = function (msg) {
154 SaveWidget.prototype.set_save_status = function (msg) {
155 this.element.find('span#autosave_status').text(msg);
155 this.element.find('span.autosave_status').text(msg);
156 };
156 };
157
157
158 SaveWidget.prototype._set_checkpoint_status = function (human_date, iso_date) {
158 SaveWidget.prototype._set_checkpoint_status = function (human_date, iso_date) {
159 var el = this.element.find('span#checkpoint_status');
159 var el = this.element.find('span.checkpoint_status');
160 if(human_date){
160 if(human_date){
161 el.text("Last Checkpoint: "+human_date).attr('title',iso_date);
161 el.text("Last Checkpoint: "+human_date).attr('title',iso_date);
162 } else {
162 } else {
@@ -15,20 +15,6 b' body {'
15 .border-box-sizing();
15 .border-box-sizing();
16 }
16 }
17
17
18 span#notebook_name {
19 height: 1em;
20 line-height: 1em;
21 padding: 3px;
22 border: none;
23 font-size: 146.5%;
24 &:hover{
25 // ensure body is lighter on dark palette,
26 // and vice versa
27 background-color:contrast(@body-bg, lighten(@body-bg,30%), darken(@body-bg,10%));
28 }
29 .corner-all;
30 }
31
32 div#notebook_panel {
18 div#notebook_panel {
33 margin: 0px 0px 0px 0px;
19 margin: 0px 0px 0px 0px;
34 padding: 0px;
20 padding: 0px;
@@ -1,31 +1,39 b''
1 span#save_widget {
1 span.save_widget {
2 margin-top: 6px;
2 margin-top: 6px;
3
4 span.filename {
5 height: 1em;
6 line-height: 1em;
7 padding: 3px;
8 border: none;
9 font-size: 146.5%;
10 &:hover{
11 // ensure body is lighter on dark palette,
12 // and vice versa
13 background-color:contrast(@body-bg, lighten(@body-bg,30%), darken(@body-bg,10%));
14 }
15 .corner-all;
16 }
3 }
17 }
4
18
5 span#checkpoint_status, span#autosave_status {
19 span.checkpoint_status, span.autosave_status {
6 font-size: small;
20 font-size: small;
7 }
21 }
8
22
9 @media (max-width: 767px) {
23 @media (max-width: 767px) {
10 span#save_widget {
24 span.save_widget {
11 font-size: small;
25 font-size: small;
12 }
26 }
13 span#checkpoint_status, span#autosave_status {
27 span.checkpoint_status, span.autosave_status {
14 font-size: x-small;
15 }
16 }
17
18 @media (max-width: 767px) {
19 span#checkpoint_status, span#autosave_status {
20 display: none;
28 display: none;
21 }
29 }
22 }
30 }
23
31
24 @media (min-width: 768px) and (max-width: 979px) {
32 @media (min-width: 768px) and (max-width: 979px) {
25 span#checkpoint_status {
33 span.checkpoint_status {
26 display: none;
34 display: none;
27 }
35 }
28 span#autosave_status {
36 span.autosave_status {
29 font-size: x-small;
37 font-size: x-small;
30 }
38 }
31 }
39 }
@@ -7752,9 +7752,6 b' div#header {'
7752 /* Initially hidden to prevent FLOUC */
7752 /* Initially hidden to prevent FLOUC */
7753 display: none;
7753 display: none;
7754 background-color: #ffffff;
7754 background-color: #ffffff;
7755 box-sizing: border-box;
7756 -moz-box-sizing: border-box;
7757 -webkit-box-sizing: border-box;
7758 /* Display over codemirror */
7755 /* Display over codemirror */
7759 z-index: 100;
7756 z-index: 100;
7760 }
7757 }
@@ -9440,17 +9437,6 b' body {'
9440 -moz-box-sizing: border-box;
9437 -moz-box-sizing: border-box;
9441 -webkit-box-sizing: border-box;
9438 -webkit-box-sizing: border-box;
9442 }
9439 }
9443 span#notebook_name {
9444 height: 1em;
9445 line-height: 1em;
9446 padding: 3px;
9447 border: none;
9448 font-size: 146.5%;
9449 border-radius: 4px;
9450 }
9451 span#notebook_name:hover {
9452 background-color: #e6e6e6;
9453 }
9454 div#notebook_panel {
9440 div#notebook_panel {
9455 margin: 0px 0px 0px 0px;
9441 margin: 0px 0px 0px 0px;
9456 padding: 0px;
9442 padding: 0px;
@@ -9700,7 +9686,6 b' fieldset[disabled] #kernel_selector_widget > button.active {'
9700 margin-top: 0px;
9686 margin-top: 0px;
9701 }
9687 }
9702 #menubar {
9688 #menubar {
9703 margin-top: 0px;
9704 box-sizing: border-box;
9689 box-sizing: border-box;
9705 -moz-box-sizing: border-box;
9690 -moz-box-sizing: border-box;
9706 -webkit-box-sizing: border-box;
9691 -webkit-box-sizing: border-box;
@@ -10178,33 +10163,38 b' div#pager .ui-resizable-handle {'
10178 /* Modern browsers */
10163 /* Modern browsers */
10179 flex: 1;
10164 flex: 1;
10180 }
10165 }
10181 span#save_widget {
10166 span.save_widget {
10182 margin-top: 6px;
10167 margin-top: 6px;
10183 }
10168 }
10184 span#checkpoint_status,
10169 span.save_widget span.filename {
10185 span#autosave_status {
10170 height: 1em;
10171 line-height: 1em;
10172 padding: 3px;
10173 border: none;
10174 font-size: 146.5%;
10175 border-radius: 4px;
10176 }
10177 span.save_widget span.filename:hover {
10178 background-color: #e6e6e6;
10179 }
10180 span.checkpoint_status,
10181 span.autosave_status {
10186 font-size: small;
10182 font-size: small;
10187 }
10183 }
10188 @media (max-width: 767px) {
10184 @media (max-width: 767px) {
10189 span#save_widget {
10185 span.save_widget {
10190 font-size: small;
10186 font-size: small;
10191 }
10187 }
10192 span#checkpoint_status,
10188 span.checkpoint_status,
10193 span#autosave_status {
10189 span.autosave_status {
10194 font-size: x-small;
10195 }
10196 }
10197 @media (max-width: 767px) {
10198 span#checkpoint_status,
10199 span#autosave_status {
10200 display: none;
10190 display: none;
10201 }
10191 }
10202 }
10192 }
10203 @media (min-width: 768px) and (max-width: 979px) {
10193 @media (min-width: 768px) and (max-width: 979px) {
10204 span#checkpoint_status {
10194 span.checkpoint_status {
10205 display: none;
10195 display: none;
10206 }
10196 }
10207 span#autosave_status {
10197 span.autosave_status {
10208 font-size: x-small;
10198 font-size: x-small;
10209 }
10199 }
10210 }
10200 }
@@ -35,10 +35,10 b' class="notebook_app"'
35 {% block headercontainer %}
35 {% block headercontainer %}
36
36
37
37
38 <span id="save_widget" class="nav pull-left">
38 <span id="save_widget" class="nav pull-left save_widget">
39 <span id="notebook_name"></span>
39 <span class="filename"></span>
40 <span id="checkpoint_status"></span>
40 <span class="checkpoint_status"></span>
41 <span id="autosave_status"></span>
41 <span class="autosave_status"></span>
42 </span>
42 </span>
43
43
44 <span id="kernel_selector_widget" class="pull-right dropdown">
44 <span id="kernel_selector_widget" class="pull-right dropdown">
General Comments 0
You need to be logged in to leave comments. Login now