Browse Source

HUE-6624 [jb] Mini JB shouldn't have a border on the left side

Enrico Berti 8 years ago
parent
commit
4cd3d7b90f

+ 1 - 1
apps/jobbrowser/src/jobbrowser/static/jobbrowser/css/jobbrowser-embeddable.css

@@ -14,4 +14,4 @@ distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 See the License for the specific language governing permissions and
 limitations under the License.
 limitations under the License.
- */.jobbrowser-components .content-panel-inner{padding:10px}.jobbrowser-components .tab-content{padding:10px;border:none !important}.jobbrowser-components .jb-breadcrumbs{margin-bottom:0}.jobbrowser-components .jb-panel{padding-left:10px;padding-right:10px}.jobbrowser-components .hue-breadcrumbs-bar{padding:0}.jobbrowser-components .hue-breadcrumbs-bar li{padding:12px}.jobbrowser-components .hue-breadcrumbs-bar li:first-child{padding-left:0;padding-right:0}.jobbrowser-components .hue-breadcrumbs-bar a{color:#0B7FAD !important;display:inline !important}.jobbrowser-components .divider{color:#CCC;padding-right:12px}.jobbrowser-components .app-icon{vertical-align:text-top}.jobbrowser-components .sidebar-nav .progress{margin-bottom:0}.jobbrowser-components .sidebar-nav .nav-list li:not(.nav-header){text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap}
+ */.jobbrowser-mini .span12.no-margin{margin-left:0 !important}.jobbrowser-full .content-panel-inner{padding:10px}.jobbrowser-full .jb-breadcrumbs{margin-bottom:0}.jobbrowser-full .jb-panel{padding-left:10px;padding-right:10px}.jobbrowser-components .tab-content{padding:10px;border:none !important}.jobbrowser-components .hue-breadcrumbs-bar{padding:0}.jobbrowser-components .hue-breadcrumbs-bar li{padding:12px}.jobbrowser-components .hue-breadcrumbs-bar li:first-child{padding-left:0;padding-right:0}.jobbrowser-components .hue-breadcrumbs-bar a{color:#0B7FAD !important;display:inline !important}.jobbrowser-components .divider{color:#CCC;padding-right:12px}.jobbrowser-components .app-icon{vertical-align:text-top}.jobbrowser-components .sidebar-nav .progress{margin-bottom:0}.jobbrowser-components .sidebar-nav .nav-list li:not(.nav-header){text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap}

+ 14 - 6
apps/jobbrowser/src/jobbrowser/static/jobbrowser/less/jobbrowser-embeddable.less

@@ -17,15 +17,16 @@
 */
 */
 @import (reference) "hue-mixins.less";
 @import (reference) "hue-mixins.less";
 
 
-.jobbrowser-components {
-  .content-panel-inner {
-    padding: 10px;
+.jobbrowser-mini {
+  .span12.no-margin {
+    margin-left: 0!important;
   }
   }
-  .tab-content {
+}
+
+.jobbrowser-full {
+  .content-panel-inner {
     padding: 10px;
     padding: 10px;
-    border: none !important;
   }
   }
-
   .jb-breadcrumbs {
   .jb-breadcrumbs {
     margin-bottom: 0;
     margin-bottom: 0;
   }
   }
@@ -34,6 +35,13 @@
     padding-left: 10px;
     padding-left: 10px;
     padding-right: 10px;
     padding-right: 10px;
   }
   }
+}
+
+.jobbrowser-components {
+  .tab-content {
+    padding: 10px;
+    border: none !important;
+  }
 
 
   .hue-breadcrumbs-bar {
   .hue-breadcrumbs-bar {
     padding: 0;
     padding: 0;

+ 11 - 11
apps/jobbrowser/src/jobbrowser/templates/job_browser.mako

@@ -58,9 +58,9 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
 <script src="${ static('desktop/js/ko.editable.js') }"></script>
 <script src="${ static('desktop/js/ko.editable.js') }"></script>
 
 
 % if not is_mini:
 % if not is_mini:
-<div id="jobbrowserComponents" class="jobbrowser-components jb-panel">
+<div id="jobbrowserComponents" class="jobbrowser-components jobbrowser-full jb-panel">
 % else:
 % else:
-<div id="jobbrowserMiniComponents" class="jobbrowserComponents jb-panel">
+<div id="jobbrowserMiniComponents" class="jobbrowser-components jobbrowser-mini jb-panel">
 % endif
 % endif
 
 
 % if not is_embeddable:
 % if not is_embeddable:
@@ -423,7 +423,7 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
         </ul>
         </ul>
       </div>
       </div>
     </div>
     </div>
-    <div data-bind="css:{'span10': !$root.isMini(), 'span12': $root.isMini() }">
+    <div data-bind="css:{'span10': !$root.isMini(), 'span12 no-margin': $root.isMini() }">
       <div class="pull-right" data-bind="template: { name: 'job-actions${ SUFFIX }' }"></div>
       <div class="pull-right" data-bind="template: { name: 'job-actions${ SUFFIX }' }"></div>
     </div>
     </div>
   </div>
   </div>
@@ -467,7 +467,7 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
       </div>
       </div>
     </div>
     </div>
 
 
-    <div data-bind="css:{'span10': !$root.isMini(), 'span12': $root.isMini() }">
+    <div data-bind="css:{'span10': !$root.isMini(), 'span12 no-margin': $root.isMini() }">
       <ul class="nav nav-pills margin-top-20">
       <ul class="nav nav-pills margin-top-20">
         <li class="active"><a class="jb-logs-link" href="#job-mapreduce-page-logs${ SUFFIX }" data-toggle="tab">${ _('Logs') }</a></li>
         <li class="active"><a class="jb-logs-link" href="#job-mapreduce-page-logs${ SUFFIX }" data-toggle="tab">${ _('Logs') }</a></li>
         <li><a href="#job-mapreduce-page-tasks${ SUFFIX }" data-bind="click: function(){ fetchProfile('tasks'); $('a[href=\'#job-mapreduce-page-tasks${ SUFFIX }\']').tab('show'); }">${ _('Tasks') }</a></li>
         <li><a href="#job-mapreduce-page-tasks${ SUFFIX }" data-bind="click: function(){ fetchProfile('tasks'); $('a[href=\'#job-mapreduce-page-tasks${ SUFFIX }\']').tab('show'); }">${ _('Tasks') }</a></li>
@@ -584,7 +584,7 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
         </ul>
         </ul>
       </div>
       </div>
     </div>
     </div>
-    <div data-bind="css:{'span10': !$root.isMini(), 'span12': $root.isMini() }">
+    <div data-bind="css:{'span10': !$root.isMini(), 'span12 no-margin': $root.isMini() }">
       <ul class="nav nav-pills margin-top-20">
       <ul class="nav nav-pills margin-top-20">
         <li class="active"><a class="jb-logs-link" href="#job-mapreduce-task-page-logs${ SUFFIX }" data-toggle="tab">${ _('Logs') }</a></li>
         <li class="active"><a class="jb-logs-link" href="#job-mapreduce-task-page-logs${ SUFFIX }" data-toggle="tab">${ _('Logs') }</a></li>
         <li><a href="#job-mapreduce-task-page-attempts${ SUFFIX }" data-bind="click: function(){ fetchProfile('attempts'); $('a[href=\'#job-mapreduce-task-page-attempts${ SUFFIX }\']').tab('show'); }">${ _('Attempts') }</a></li>
         <li><a href="#job-mapreduce-task-page-attempts${ SUFFIX }" data-bind="click: function(){ fetchProfile('attempts'); $('a[href=\'#job-mapreduce-task-page-attempts${ SUFFIX }\']').tab('show'); }">${ _('Attempts') }</a></li>
@@ -740,7 +740,7 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
         </ul>
         </ul>
       </div>
       </div>
     </div>
     </div>
-    <div data-bind="css:{'span10': !$root.isMini(), 'span12': $root.isMini() }">
+    <div data-bind="css:{'span10': !$root.isMini(), 'span12 no-margin': $root.isMini() }">
       <div class="pull-right" data-bind="template: { name: 'job-actions${ SUFFIX }' }"></div>
       <div class="pull-right" data-bind="template: { name: 'job-actions${ SUFFIX }' }"></div>
     </div>
     </div>
   </div>
   </div>
@@ -777,7 +777,7 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
       </div>
       </div>
     </div>
     </div>
 
 
-    <div data-bind="css:{'span10': !$root.isMini(), 'span12': $root.isMini() }">
+    <div data-bind="css:{'span10': !$root.isMini(), 'span12 no-margin': $root.isMini() }">
       <ul class="nav nav-pills margin-top-20">
       <ul class="nav nav-pills margin-top-20">
         <li class="active"><a href="#job-spark-page-properties${ SUFFIX }" data-toggle="tab">${ _('Properties') }</a></li>
         <li class="active"><a href="#job-spark-page-properties${ SUFFIX }" data-toggle="tab">${ _('Properties') }</a></li>
 
 
@@ -923,7 +923,7 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
         </ul>
         </ul>
       </div>
       </div>
     </div>
     </div>
-    <div data-bind="css:{'span10': !$root.isMini(), 'span12': $root.isMini() }">
+    <div data-bind="css:{'span10': !$root.isMini(), 'span12 no-margin': $root.isMini() }">
 
 
       <ul class="nav nav-pills margin-top-20">
       <ul class="nav nav-pills margin-top-20">
         %if not is_mini:
         %if not is_mini:
@@ -1018,7 +1018,7 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
       </div>
       </div>
     </div>
     </div>
 
 
-    <div data-bind="css:{'span10': !$root.isMini(), 'span12': $root.isMini() }">
+    <div data-bind="css:{'span10': !$root.isMini(), 'span12 no-margin': $root.isMini() }">
       <ul class="nav nav-pills margin-top-20">
       <ul class="nav nav-pills margin-top-20">
         <li class="active"><a href="#workflow-action-page-metadata${ SUFFIX }" data-toggle="tab">${ _('Properties') }</a></li>
         <li class="active"><a href="#workflow-action-page-metadata${ SUFFIX }" data-toggle="tab">${ _('Properties') }</a></li>
         <li><a href="#workflow-action-page-tasks${ SUFFIX }" data-toggle="tab">${ _('Child jobs') }</a></li>
         <li><a href="#workflow-action-page-tasks${ SUFFIX }" data-toggle="tab">${ _('Child jobs') }</a></li>
@@ -1106,7 +1106,7 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
         </ul>
         </ul>
       </div>
       </div>
     </div>
     </div>
-    <div data-bind="css:{'span10': !$root.isMini(), 'span12': $root.isMini() }">
+    <div data-bind="css:{'span10': !$root.isMini(), 'span12 no-margin': $root.isMini() }">
       <ul class="nav nav-pills margin-top-20">
       <ul class="nav nav-pills margin-top-20">
         <li class="active"><a href="#schedule-page-task${ SUFFIX }" data-toggle="tab">${ _('Tasks') }</a></li>
         <li class="active"><a href="#schedule-page-task${ SUFFIX }" data-toggle="tab">${ _('Tasks') }</a></li>
         <li><a class="jb-logs-link" href="#schedule-page-logs${ SUFFIX }" data-toggle="tab">${ _('Logs') }</a></li>
         <li><a class="jb-logs-link" href="#schedule-page-logs${ SUFFIX }" data-toggle="tab">${ _('Logs') }</a></li>
@@ -1222,7 +1222,7 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
         </ul>
         </ul>
       </div>
       </div>
     </div>
     </div>
-    <div data-bind="css:{'span10': !$root.isMini(), 'span12': $root.isMini() }">
+    <div data-bind="css:{'span10': !$root.isMini(), 'span12 no-margin': $root.isMini() }">
       <ul class="nav nav-pills margin-top-20">
       <ul class="nav nav-pills margin-top-20">
         <li class="active"><a href="#bundle-page-coordinators${ SUFFIX }" data-toggle="tab">${ _('Tasks') }</a></li>
         <li class="active"><a href="#bundle-page-coordinators${ SUFFIX }" data-toggle="tab">${ _('Tasks') }</a></li>
         <li><a class="jb-logs-link" href="#bundle-page-logs${ SUFFIX }" data-toggle="tab">${ _('Logs') }</a></li>
         <li><a class="jb-logs-link" href="#bundle-page-logs${ SUFFIX }" data-toggle="tab">${ _('Logs') }</a></li>