浏览代码

HUE-6032 [responsive] The mini and the regular jobbrowsers should co-exist

Enrico Berti 8 年之前
父节点
当前提交
91220b8

+ 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.
 See the License for the specific language governing permissions and
 limitations under the License.
- */#jobbrowserComponents .content-panel-inner{padding:10px}#jobbrowserComponents .tab-content{padding:10px;border:none !important}#jobbrowserComponents .hueBreadcrumbBar{padding:0}#jobbrowserComponents .hueBreadcrumbBar li{padding:12px}#jobbrowserComponents .hueBreadcrumbBar li:first-child{padding-left:0;padding-right:0}#jobbrowserComponents .hueBreadcrumbBar a{color:#338BB8 !important;display:inline !important}#jobbrowserComponents .divider{color:#CCC;padding-right:12px}#jobbrowserComponents .app-icon{vertical-align:text-top}
+ */.jobbrowser-components .content-panel-inner{padding:10px}.jobbrowser-components .tab-content{padding:10px;border:none !important}.jobbrowser-components .hueBreadcrumbBar{padding:0}.jobbrowser-components .hueBreadcrumbBar li{padding:12px}.jobbrowser-components .hueBreadcrumbBar li:first-child{padding-left:0;padding-right:0}.jobbrowser-components .hueBreadcrumbBar a{color:#338BB8 !important;display:inline !important}.jobbrowser-components .divider{color:#CCC;padding-right:12px}.jobbrowser-components .app-icon{vertical-align:text-top}

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

@@ -16,7 +16,7 @@
  limitations under the License.
 */
 
-#jobbrowserComponents {
+.jobbrowser-components {
   .content-panel-inner {
     padding: 10px;
   }

+ 9 - 1
apps/jobbrowser/src/jobbrowser/templates/job_browser.mako

@@ -53,7 +53,11 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
 <script src="${ static('oozie/js/list-oozie-coordinator.ko.js') }"></script>
 <script src="${ static('desktop/js/ace/ace.js') }"></script>
 
-<div id="jobbrowserComponents">
+% if not is_mini:
+<div id="jobbrowserComponents" class="jobbrowser-components">
+% else:
+<div id="jobbrowserMiniComponents" class="jobbrowserComponents">
+% endif
 
 % if not is_embeddable:
   ${ assist.assistJSModels() }
@@ -1083,7 +1087,11 @@ ${ commonheader("Job Browser", "jobbrowser", user, request) | n,unicode }
       };
 
       viewModel = new JobBrowserViewModel(options, RunningCoordinatorModel);
+      % if not is_mini:
       ko.applyBindings(viewModel, $('#jobbrowserComponents')[0]);
+      % else:
+      ko.applyBindings(viewModel, $('#jobbrowserMiniComponents')[0]);
+      % endif
 
       var loadHash = function () {
         var h = window.location.hash;