浏览代码

HUE-7688 [metastore] Prevent the table browser from leaking css styles to other apps

Johan Ahlen 8 年之前
父节点
当前提交
293f897

文件差异内容过多而无法显示
+ 0 - 0
apps/metastore/src/metastore/static/metastore/css/metastore.css


+ 200 - 198
apps/metastore/src/metastore/static/metastore/less/metastore.less

@@ -19,205 +19,207 @@
 @import (reference) "hue-mixins.less";
 @import (reference) "hue-mixins.less";
 @import (reference) "hue-helpers.less";
 @import (reference) "hue-helpers.less";
 
 
-.divider {
-  padding-left: 12px;
-  color: @cui-gray-400;
-}
-
-.sidebar-nav {
-  padding: 0;
-}
-
-.card-heading {
-  padding-left: 6px !important;
-  border-bottom: none !important;
-}
-
-.sampleTable td, .sampleTable th {
-  white-space: nowrap;
-}
-
-h2.card-heading {
-  border-bottom: 1px solid @cui-gray-100!important;
-  font-size: 12px!important;
-  font-weight: bold!important;
-}
-
-.filter-box {
-  float: left;
-  margin-right: 10px;
-  margin-bottom: 10px;
-  padding: 4px;
-  background-color: @cui-gray-050;
-}
-
-.filter-box a.pull-right {
-  margin: 4px;
-}
-
-.filter-box select, .filter-box input {
-  margin-bottom: 0;
-}
-
-.add-filter {
-  margin: 5px;
-  float: left;
-}
-
-.checkbox.inline.pulled {
-  margin-right: 10px;
-  padding-top: 1px;
-}
-
-.checkbox.inline.pulled input {
-  margin-left: 0;
-  margin-right: 4px;
-}
-
-.metastore-main {
-  padding: 20px;
-  padding-top: 10px;
-}
-
-.metastore-main h3 {
-  margin: 0;
-  margin-bottom: 10px;
-}
-
-.empty-header-col,
-.metastore-main h4 {
-  .section-h4-border;
-}
-
-.tile {
-  margin-bottom: 20px;
-  min-height: 124px;
-}
-
-.properties-table {
-  width: 100%;
-}
-
-.properties-table td {
-  padding-top: 5px;
-}
-
-.property-name {
-  padding-left: 10px;
-}
-
-.empty-message {
-  padding: 10px;
-}
-
-.editable-breadcrumbs {
-  cursor: text;
-}
-
-.editable-breadcrumbs:hover {
-  background-color: @cui-purple-gray-050;
-}
-
-.editable-breadcrumb-input {
-  padding: 0!important;
-}
-
-.editable-breadcrumb-input input {
-  font-size: 24px;
-  margin: 0;
-  margin-top: 1px;
-  padding-left: 11px;
-  border-radius: 2px;
-  border: 1px solid @cui-purple-gray-050;
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
-  font-weight: 400;
-}
-
-.acl-panel {
-  border-left: 1px solid @cui-gray-100;
-  padding-top: 6px;
-  padding-left: 12px;
-}
-
-.acl-panel .nav-tabs {
-  margin-bottom: 0;
-}
-
-.acl-panel h4:not(:first-child) {
-  margin-top: 20px;
-}
-
-.acl-panel-content {
-  padding: 6px;
-  overflow-y: scroll;
-}
-
-.acl-block-title {
-  background-color: @cui-purple-gray-050;
-  font-weight: bold;
-  padding: 3px;
-  margin-top: 14px;
-  margin-bottom: 4px;
-}
-
-.acl-block {
-  background-color: @cui-gray-050;
-  padding: 3px;
-  margin-bottom: 4px;
-}
-
-.acl-block .checkbox, .acl-block .radio {
-  margin-left: 6px;
-}
-
-.acl-block-airy {
-  padding: 6px;
-}
-
-.acl-block-airy input {
-  margin-bottom: 0;
-}
-
-.acl-block-section {
-  margin-top: 10px;
-}
-
-.acl-block-section input {
-  margin-left: 14px;
-}
-
-.span6 .acl-block input[type='text'] {
-  width: 25%;
-}
-
-.span6 .acl-block input[type='text'] {
-  width: 21%;
-}
-
-.acl-actions {
-  padding: 5px;
-  text-align: center;
-  color: @cui-gray-400;
-  font-size: 20px;
-}
-
-.acl-actions span:hover {
-  color: @cui-gray-600;
-}
-
-.show-inactive-on-hover {
-  .inactive-action {
-    opacity: 0;
-    vertical-align: top;
-  }
-  .editable-unsaved {
-    font-weight: normal;
-  }
-  &:hover {
+#metastoreComponents {
+  .divider {
+    padding-left: 12px;
+    color: @cui-gray-400;
+  }
+
+  .sidebar-nav {
+    padding: 0;
+  }
+
+  .card-heading {
+    padding-left: 6px !important;
+    border-bottom: none !important;
+  }
+
+  .sampleTable td, .sampleTable th {
+    white-space: nowrap;
+  }
+
+  h2.card-heading {
+    border-bottom: 1px solid @cui-gray-100!important;
+    font-size: 12px!important;
+    font-weight: bold!important;
+  }
+
+  .filter-box {
+    float: left;
+    margin-right: 10px;
+    margin-bottom: 10px;
+    padding: 4px;
+    background-color: @cui-gray-050;
+  }
+
+  .filter-box a.pull-right {
+    margin: 4px;
+  }
+
+  .filter-box select, .filter-box input {
+    margin-bottom: 0;
+  }
+
+  .add-filter {
+    margin: 5px;
+    float: left;
+  }
+
+  .checkbox.inline.pulled {
+    margin-right: 10px;
+    padding-top: 1px;
+  }
+
+  .checkbox.inline.pulled input {
+    margin-left: 0;
+    margin-right: 4px;
+  }
+
+  .metastore-main {
+    padding: 20px;
+    padding-top: 10px;
+  }
+
+  .metastore-main h3 {
+    margin: 0;
+    margin-bottom: 10px;
+  }
+
+  .empty-header-col,
+  .metastore-main h4 {
+    .section-h4-border;
+  }
+
+  .tile {
+    margin-bottom: 20px;
+    min-height: 124px;
+  }
+
+  .properties-table {
+    width: 100%;
+  }
+
+  .properties-table td {
+    padding-top: 5px;
+  }
+
+  .property-name {
+    padding-left: 10px;
+  }
+
+  .empty-message {
+    padding: 10px;
+  }
+
+  .editable-breadcrumbs {
+    cursor: text;
+  }
+
+  .editable-breadcrumbs:hover {
+    background-color: @cui-purple-gray-050;
+  }
+
+  .editable-breadcrumb-input {
+    padding: 0!important;
+  }
+
+  .editable-breadcrumb-input input {
+    font-size: 24px;
+    margin: 0;
+    margin-top: 1px;
+    padding-left: 11px;
+    border-radius: 2px;
+    border: 1px solid @cui-purple-gray-050;
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+    font-weight: 400;
+  }
+
+  .acl-panel {
+    border-left: 1px solid @cui-gray-100;
+    padding-top: 6px;
+    padding-left: 12px;
+  }
+
+  .acl-panel .nav-tabs {
+    margin-bottom: 0;
+  }
+
+  .acl-panel h4:not(:first-child) {
+    margin-top: 20px;
+  }
+
+  .acl-panel-content {
+    padding: 6px;
+    overflow-y: scroll;
+  }
+
+  .acl-block-title {
+    background-color: @cui-purple-gray-050;
+    font-weight: bold;
+    padding: 3px;
+    margin-top: 14px;
+    margin-bottom: 4px;
+  }
+
+  .acl-block {
+    background-color: @cui-gray-050;
+    padding: 3px;
+    margin-bottom: 4px;
+  }
+
+  .acl-block .checkbox, .acl-block .radio {
+    margin-left: 6px;
+  }
+
+  .acl-block-airy {
+    padding: 6px;
+  }
+
+  .acl-block-airy input {
+    margin-bottom: 0;
+  }
+
+  .acl-block-section {
+    margin-top: 10px;
+  }
+
+  .acl-block-section input {
+    margin-left: 14px;
+  }
+
+  .span6 .acl-block input[type='text'] {
+    width: 25%;
+  }
+
+  .span6 .acl-block input[type='text'] {
+    width: 21%;
+  }
+
+  .acl-actions {
+    padding: 5px;
+    text-align: center;
+    color: @cui-gray-400;
+    font-size: 20px;
+  }
+
+  .acl-actions span:hover {
+    color: @cui-gray-600;
+  }
+
+  .show-inactive-on-hover {
     .inactive-action {
     .inactive-action {
-      opacity: 1;
+      opacity: 0;
+      vertical-align: top;
+    }
+    .editable-unsaved {
+      font-weight: normal;
+    }
+    &:hover {
+      .inactive-action {
+        opacity: 1;
+      }
     }
     }
   }
   }
 }
 }

部分文件因为文件数量过多而无法显示