Browse Source

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

Enrico Berti 8 years ago
parent
commit
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;