0718issues (#787)

* rancher/rancher#5448

rancher/rancher#5447 access control

border on small modal

* fix on last commit

* rancher/rancher#5447

app/components/form-service-links/template.hbs

@@ -20,7 +20,7 @@
           <th width="30">&nbsp;</th>
         </tr>
         {{#each serviceLinksArray as |link|}}
-          <tr>
+          <tr class="sm-noborder">
             <td data-title="{{t 'formServiceLinks.service.label'}}">
               {{new-select
                 classNames="form-control service-link input-sm"

app/components/storagepool-section/template.hbs

@@ -45,7 +45,7 @@
             {{sortable-th sortable=this action="changeSort" name="state" width="115" label="generic.state"}}
             {{sortable-th sortable=this action="changeSort" name="name" width="350" label="storagePoolSection.models.table.header.volumeName"}}
             <th>{{t 'storagePoolSection.models.table.header.activeMounts'}}</th>
-            <th width="70">&nbsp;</th>
+            <th width="75">&nbsp;</th>
           </tr>
         </thead>
         <tbody>
@@ -59,7 +59,7 @@
                   <p class="hand force-wrap clip r-m0">{{vol.displayName}}</p> <i classs="icon icon-info"></i>
                 {{/tooltip-element}}
               </td>
-              <td>
+              <td class="force-wrap">
                 {{#if vol.activeMounts.length}}
                   {{#each vol.activeMounts as |mount|}}
                     <div>
@@ -91,7 +91,7 @@
                         <th width="125">{{t 'storagePoolSection.models.table.header.snapshotState'}}</th>
                         <th>{{t 'storagePoolSection.models.table.header.snapshotName'}}</th>
                         <th>{{t 'storagePoolSection.models.table.header.backedUp'}}</th>
-                        <th width="70">&nbsp;</th>
+                        <th width="75">&nbsp;</th>
                       </tr>
                     </thead>
                     <tbody>

app/components/tooltip-warning/template.hbs

@@ -1,4 +1,6 @@
-<span class="tooltip-content-inner warning">
+<div {{action "hideAccessWarning"}}>
+<span class="tooltip-content-inner warning" {{action "hideAccessWarning"}}>
   {{t 'tooltipWarning.notConfigured'}}
 </span>
-<div class="dismiss pull-right" {{action "hideAccessWarning"}}><i class="icon icon-close"></i> {{t 'tooltipWarning.dismiss'}}</div>
+<div class="dismiss pull-right"><i class="icon icon-close"></i> {{t 'tooltipWarning.dismiss'}}</div>
+</div>

app/styles/components/_tooltip.scss

@@ -152,6 +152,7 @@
 .tooltip-warning-container {
   background : $lightTeal;
   color      : white;
+  cursor: pointer;
 
   &.top::after {
     border-top   : 5px solid $lightTeal;

app/styles/layout/_header.scss

@@ -203,6 +203,8 @@ HEADER {
 
       .gh-block-detail {
         color: $text-color;
+        max-width: 175px;
+        font-size: .85em;
       }
 
       .user-logout {
@@ -212,7 +214,7 @@ HEADER {
         position: absolute;
         top: 0;
         right: 0;
-        padding: 18px 10px;
+        padding: 17px 10px;
         font-size: 12px;
         text-align: center;
         vertical-align: middle;

app/styles/layout/_sm-screen.scss

@@ -92,13 +92,8 @@
     }
   }
 
-  .well {
-    padding: 0;
-  }
-}
+  /*responsive tables and nav 695-959*/
 
-/*responsive tables and nav*/
-@media (max-width: $screen-sm-max) {
    table,
    thead,
    tbody,
@@ -124,7 +119,11 @@
    tr {
     border: 1px solid $table-border-color;
     margin: 10px 0;
-}
+
+    &.sm-noborder{
+      border-width: 0px;
+    }
+  }
 
    td {
       border: none;
@@ -154,7 +153,7 @@
       padding: 10px !important;
     }
 
-.grid TD.actions {
+  .grid TD.actions {
       position: static;
       text-align: left;
     }
@@ -176,4 +175,4 @@
     .grid > tfoot > tr > td {
       border-top: none;
     }
-}
+  }