浏览代码

[notebook] Added snippet titles to print CSS

Enrico Berti 10 年之前
父节点
当前提交
f31fa62

+ 8 - 0
desktop/libs/notebook/src/notebook/static/notebook/css/notebook.css

@@ -441,6 +441,10 @@ h1.empty {
   height: 24px;
   height: 24px;
 }
 }
 
 
+.card-heading-print {
+  display: none;
+}
+
 @media print {
 @media print {
   .navigator, .assist-container, .result-settings, .left-panel, a.btn, button, .add-snippet, .card-heading.simple, .hover-actions, .alert, .show-assist, .snippet-footer-actions-bar, .player-toolbar h4, .player-toolbar div {
   .navigator, .assist-container, .result-settings, .left-panel, a.btn, button, .add-snippet, .card-heading.simple, .hover-actions, .alert, .show-assist, .snippet-footer-actions-bar, .player-toolbar h4, .player-toolbar div {
     display: none !important;
     display: none !important;
@@ -467,6 +471,10 @@ h1.empty {
   .print-logo {
   .print-logo {
     display: block;
     display: block;
   }
   }
+  .card-heading-print.visible {
+    display: block;
+    font-weight: bold;
+  }
 }
 }
 
 
 .widget-type.dropdown a.dropdown-toggle {
 .widget-type.dropdown a.dropdown-toggle {

+ 2 - 0
desktop/libs/notebook/src/notebook/templates/editor_components.mako

@@ -330,6 +330,8 @@ from desktop.views import _ko
   <div class="snippet-container reveals-actions row-fluid">
   <div class="snippet-container reveals-actions row-fluid">
     <div data-bind="css: klass, attr: {'id': 'snippet_' + id()}">
     <div data-bind="css: klass, attr: {'id': 'snippet_' + id()}">
 
 
+      <h5 class="card-heading-print" data-bind="text: name, css: {'visible': name() != ''}"></h5>
+
       <h2 class="card-heading simple">
       <h2 class="card-heading simple">
 
 
         <div class="dropdown inline widget-type" data-bind="visible: type() != 'text' || $root.isEditing()">
         <div class="dropdown inline widget-type" data-bind="visible: type() != 'text' || $root.isEditing()">