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 |
|
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 |
|
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 |
|
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 |
|
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 |
|
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 |
|
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 |
|
24 | span.save_widget { | |
11 | font-size: small; |
|
25 | font-size: small; | |
12 | } |
|
26 | } | |
13 |
span |
|
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 |
|
|
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 |
|
33 | span.checkpoint_status { | |
26 | display: none; |
|
34 | display: none; | |
27 | } |
|
35 | } | |
28 |
span |
|
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 |
|
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 |
|
10185 | span.save_widget { | |
10190 | font-size: small; |
|
10186 | font-size: small; | |
10191 | } |
|
10187 | } | |
10192 |
span |
|
10188 | span.checkpoint_status, | |
10193 |
span |
|
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 |
|
10194 | span.checkpoint_status { | |
10205 | display: none; |
|
10195 | display: none; | |
10206 | } |
|
10196 | } | |
10207 |
span |
|
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 |
|
39 | <span class="filename"></span> | |
40 |
<span |
|
40 | <span class="checkpoint_status"></span> | |
41 |
<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