You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ranger.apache.org by ni...@apache.org on 2021/01/18 13:45:20 UTC

[ranger] branch ranger-2.2 updated: RANGER-3130 : [Ranger Admin UI] Improvement in Ranger Latest UI's Edit Policy Page

This is an automated email from the ASF dual-hosted git repository.

ni3galave pushed a commit to branch ranger-2.2
in repository https://gitbox.apache.org/repos/asf/ranger.git


The following commit(s) were added to refs/heads/ranger-2.2 by this push:
     new 8b8f2b9  RANGER-3130 : [Ranger Admin UI] Improvement in Ranger Latest UI's Edit Policy Page
8b8f2b9 is described below

commit 8b8f2b9d88977c5194cfd7026896b250133dec2e
Author: Dhaval Rajpara <dh...@gmail.com>
AuthorDate: Fri Jan 15 02:03:51 2021 +0530

    RANGER-3130 : [Ranger Admin UI] Improvement in Ranger Latest UI's Edit Policy Page
    
    Signed-off-by: Nitin Galave <ni...@apache.org>
---
 security-admin/src/main/webapp/styles/xa.css | 72 +++++++++++++++++++++-------
 1 file changed, 54 insertions(+), 18 deletions(-)

diff --git a/security-admin/src/main/webapp/styles/xa.css b/security-admin/src/main/webapp/styles/xa.css
index 3cd90e1..43df233 100644
--- a/security-admin/src/main/webapp/styles/xa.css
+++ b/security-admin/src/main/webapp/styles/xa.css
@@ -1779,7 +1779,7 @@ margin-bottom: 5px;
   top: 7px;
 }
 .expanded-contant .include-toggle{
-  margin-left: 320px;
+  margin-left: 18.4vw;
   margin-top: -29px;
   width:80px;
   position: relative;
@@ -2197,23 +2197,23 @@ input.textFiledInputPadding ~ span {
     font-style: italic;
 }
 .recursive-toggle-1 {
-	margin-left: 385px;
+	margin-left: 23vw;
 	margin-top: -15px;
 	width:110px;
 }
 .recursive-toggle-2 {
-	margin-left: 520px;
+	margin-left: 30vw;
 	margin-top: -13px;
 	width:110px;
 }
 .expanded-contant .recursive-toggle-1{
-  margin-left: 320px;
+  margin-left: 18.4vw;
   margin-top: -15px;
   width:110px;
 }
 .expanded-contant .recursive-toggle-2{
-  margin-left: 460px;
-  margin-top: -15px;
+  margin-left: 25.4vw;
+  margin-top: -17px;
   width:110px;
 }
 .recursive-toggle-hdfs-1{
@@ -2221,13 +2221,19 @@ input.textFiledInputPadding ~ span {
 	margin-top: -29px;
 }
 .recursive-toggle-hdfs-2{
-	margin-left: 443px;
+	margin-left: 30vw;
 	margin-top: -22px;
 }
+.expanded-contant .recursive-toggle-hdfs-2{
+  margin-left: 25.4vw;
+}
 .include-toggle-1{
-  margin-left: 348px;
+  margin-left: 23vw;
   margin-top: -29px;
 }
+.expanded-contant .include-toggle-1{
+  margin-left: 18.4vw;
+}
 .subgridTable{
         width : 25% !important;
 }
@@ -4061,7 +4067,7 @@ button.btn.btn-secondary.dropdown-toggle {
 }
 */
 .ranger-policy .form-group.field-isEnabled .policy-enable-disable{
-    margin-left: 36vw;
+    margin-left: 38vw;
     margin-top: -75px;
     width: 100px
 }
@@ -4071,7 +4077,7 @@ button.btn.btn-secondary.dropdown-toggle {
 }
 
 .ranger-policy .form-group.field-policyPriority .policy-priority{
-    margin-left: 43vw;
+    margin-left: 45vw;
     margin-top: -80px;
     width: 100px
 }
@@ -4079,7 +4085,8 @@ button.btn.btn-secondary.dropdown-toggle {
   margin-left: 37vw;
 }
 
-.field-path .form-control.rosource-boder {
+.field-path .form-control.rosource-boder
+.field-relativepath .form-control.rosource-boder{
     width: 100%;
     margin: 0;
     padding-left: 0;
@@ -4380,7 +4387,7 @@ ul.tagit input[type="text"]{
 }
 
 .include-toggle {
-    margin-left: 21vw;
+    margin-left: 23vw;
 }
 .policy-form [fieldclass="resorces-css"]{
   margin-bottom:40px;
@@ -4415,23 +4422,52 @@ ul.tagit input[type="text"]{
     margin-top: -30px;
 }
 
+.policy-form .form-group.field-relativepath[fieldclass="resorces-with-label-css"] .ui-widget.ui-widget-content {
+    margin-top: -30px;
+}
+
 .form-group.field-path[fieldclass="resorces-with-label-css"]  .recursive-toggle-hdfs-1 {
-    margin-left: 21vw;
+    margin-left: 23.4vw;
     margin-top: -20px;
 }
 
+.form-group.field-relativepath[fieldclass="resorces-with-label-css"]  .recursive-toggle-hdfs-1 {
+    margin-left: 23.4vw;
+    margin-top: -20px;
+}
+
+.expanded-contant .form-group.field-path[fieldclass="resorces-with-label-css"]  .recursive-toggle-hdfs-1 {
+    margin-left: 18.4vw;
+}
+
+.expanded-contant .form-group.field-relativepath[fieldclass="resorces-with-label-css"]  .recursive-toggle-hdfs-1 {
+    margin-left: 18.4vw;
+}
+
 .form-group.field-path[fieldclass="resorces-with-label-css"]{
   margin-bottom:-20px;
 }
 
+.form-group.field-relativepath[fieldclass="resorces-with-label-css"]{
+  margin-bottom:-20px;
+}
+
 .form-group.field-path[fieldclass="resorces-with-label-css"] .form-control.rosource-boder-path{
       margin-bottom: -10px;
 }
 
+.form-group.field-relativepath[fieldclass="resorces-with-label-css"] .form-control.rosource-boder-path{
+      margin-bottom: -10px;
+}
+
 .form-group.field-path[fieldclass="resorces-with-label-css"] {
     margin-bottom: 10px;
 }
 
+.form-group.field-relativepath[fieldclass="resorces-with-label-css"] {
+    margin-bottom: 10px;
+}
+
 .has-error .form-control {
     border-color: #dc3545 !important;
 }
@@ -4480,12 +4516,12 @@ input.textFiledInputPadding:disabled {
   margin-left: -12px !important;
 }
 
-@media (min-width: 2000px){
+/*@media (min-width: 2000px){
   .expanded-contant .include-toggle{
     margin-left:400px;
   }
   .expanded-contant .recursive-toggle-2{
-    margin-left:500px;
+    margin-left:30vw;
   }
   .recursive-toggle-2 {
     margin-left:600px;
@@ -4497,7 +4533,7 @@ input.textFiledInputPadding:disabled {
     margin-left:500px;
   }
   .expanded-contant .recursive-toggle-2{
-    margin-left:600px;
+    margin-left:30vw;
   }
   .recursive-toggle-2 {
     margin-left:700px;
@@ -4509,12 +4545,12 @@ input.textFiledInputPadding:disabled {
     margin-left:550px;
   }
   .expanded-contant .recursive-toggle-2{
-    margin-left:650px;
+    margin-left:30vw;
   }
   .recursive-toggle-2 {
     margin-left:750px;
   }
-}
+}*/
 
 .backgrid th:not(.renderable), .backgrid td:not(.renderable){
     display: none;