Fixes KEYCLOAK-7535 - reupdate resource html

This commit is contained in:
zhutaoredhat 2018-06-29 18:23:15 +08:00 committed by Pedro Igor
parent d0a824dde4
commit b80b480769
6 changed files with 222 additions and 288 deletions

View file

@ -325,7 +325,7 @@ share=Share
resource=Resource resource=Resource
application=Application application=Application
date=Date date=Date
sharewith=Share with sharedwith=Shared with
owner=Owner owner=Owner
accessPermissions=Access Permissions accessPermissions=Access Permissions
permissionRequests=Permission Requests permissionRequests=Permission Requests

View file

@ -8,7 +8,7 @@
<div class="col-sm-12 card-pf resources-list"> <div class="col-sm-12 card-pf resources-list">
<div class="resources-header"> <div class="resources-header">
<span class="fa fa-file"></span> <span class="fa fa-file"></span>
<h1><strong>Alice Family</strong></h1> <h1>Alice Family</h1>
<div class="resources-actions"> <div class="resources-actions">
<button class="btn btn-primary"><span class="fa fa-share"></span> {{'share' | translate}}</button> <button class="btn btn-primary"><span class="fa fa-share"></span> {{'share' | translate}}</button>
<div class="dropdown pull-right dropdown-kebab-pf"> <div class="dropdown pull-right dropdown-kebab-pf">
@ -29,7 +29,7 @@
<div class="card-pf-body row"> <div class="card-pf-body row">
<div class="m-t"> <div class="m-t">
<div id="pf-list-var3" class="list-group list-view-pf list-view-resources list-view-detail"> <div id="pf-list-var3" class="list-group list-view-pf list-view-resources list-view-detail">
<div class="list-group-item pfng-list-heading list-view-pf-stacked list-view-pf-top-align"> <div class="list-group-item pfng-list-heading list-view-pf-stacked list-view-pf-top-align margin-bottom-none">
<div class="list-view-pf-actions list-view-master-actions"> <div class="list-view-pf-actions list-view-master-actions">
<button class="btn btn-default"> {{'approveAll' | translate}}</button> <button class="btn btn-default"> {{'approveAll' | translate}}</button>
<div class="dropdown pull-right dropdown-kebab-pf"> <div class="dropdown pull-right dropdown-kebab-pf">
@ -42,19 +42,15 @@
</div> </div>
</div> </div>
<div class="list-view-pf-main-info"> <div class="list-view-pf-main-info">
<div class="list-view-pf-body"> <div class="list-view-pf-body row">
<div class="list-view-pf-description"> <div class="list-group-item-heading col-md-4">
<div class="list-group-item-heading"> {{'sharedwith' | translate}} 3 {{'people' | translate}}
{{'sharewith' | translate}} 3 {{'people' | translate}}
</div>
</div> </div>
<div class="list-view-pf-additional-info"> <div class="col-md-4 list-head-label">
<div class="list-view-pf-additional-info-item list-view-pf-additional-info-item-lg"> {{'accessPermissions' | translate}}
{{'accessPermissions' | translate}} </div>
</div> <div class="col-md-4 list-head-label">
<div class="list-view-pf-additional-info-item list-view-pf-additional-info-item-lg"> {{'permissionRequests' | translate}}
{{'permissionRequests' | translate}}
</div>
</div> </div>
</div> </div>
</div> </div>
@ -73,40 +69,35 @@
</div> </div>
</div> </div>
<div class="list-view-pf-main-info"> <div class="list-view-pf-main-info">
<div class="list-view-pf-body"> <div class="list-view-pf-body row">
<div class="list-view-pf-description"> <div class="list-group-item-heading col-md-4">
<div class="list-group-item-heading"> Tom Liu
<div class="user-list-avatar"><span class="fa fa-user"></span></div> <small>jhonsmith@paternfly.com</small>
Martin Liu
<small>jhonsmith@paternfly.com</small>
</div>
</div> </div>
<div class="list-view-pf-additional-info"> <div class="col-md-4">
<div class="list-view-pf-additional-info-item list-view-pf-additional-info-item-lg"> Read, Battery, Test-date, Status
Read, Battery, Test-date, Status </div>
</div> <div class="col-md-4 permission-requests-labels ">
<div class="list-view-pf-additional-info-item list-view-pf-additional-info-item-lg permission-requests-labels "> <ul class="list-inline">
<ul class="list-inline"> <li>
<li> <span class="label label-info">
<span class="label label-info"> Status
Status <a href="#"><span class="pficon pficon-close"></span></a>
<a href="#"><span class="pficon pficon-close"></span></a> </span>
</span> </li>
</li> <li>
<li> <span class="label label-info">
<span class="label label-info"> Time
Time <a href="#"><span class="pficon pficon-close"></span></a>
<a href="#"><span class="pficon pficon-close"></span></a> </span>
</span> </li>
</li> <li>
<li> <span class="label label-info">
<span class="label label-info"> Beta
Beta <a href="#"><span class="pficon pficon-close"></span></a>
<a href="#"><span class="pficon pficon-close"></span></a> </span>
</span> </li>
</li> </ul>
</ul>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -125,40 +116,35 @@
</div> </div>
</div> </div>
<div class="list-view-pf-main-info"> <div class="list-view-pf-main-info">
<div class="list-view-pf-body"> <div class="list-view-pf-body row">
<div class="list-view-pf-description"> <div class="list-group-item-heading col-md-4">
<div class="list-group-item-heading"> Martin Liu
<div class="user-list-avatar"><span class="fa fa-user"></span></div> <small>mar@paternfly.com</small>
Jhon Smith
<small>jhonsmith@paternfly.com</small>
</div>
</div> </div>
<div class="list-view-pf-additional-info"> <div class="col-md-4">
<div class="list-view-pf-additional-info-item list-view-pf-additional-info-item-lg"> Read, Battery, Test-date
Read, Battery, Test-date </div>
</div> <div class="col-md-4 permission-requests-labels ">
<div class="list-view-pf-additional-info-item list-view-pf-additional-info-item-lg permission-requests-labels "> <ul class="list-inline">
<ul class="list-inline"> <li>
<li> <span class="label label-info">
<span class="label label-info"> Status
Status <a href="#"><span class="pficon pficon-close"></span></a>
<a href="#"><span class="pficon pficon-close"></span></a> </span>
</span> </li>
</li> <li>
<li> <span class="label label-info">
<span class="label label-info"> Time
Time <a href="#"><span class="pficon pficon-close"></span></a>
<a href="#"><span class="pficon pficon-close"></span></a> </span>
</span> </li>
</li> <li>
<li> <span class="label label-info">
<span class="label label-info"> Beta
Beta <a href="#"><span class="pficon pficon-close"></span></a>
<a href="#"><span class="pficon pficon-close"></span></a> </span>
</span> </li>
</li> </ul>
</ul>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -166,32 +152,25 @@
<div class="list-group-item list-view-pf-stacked list-view-pf-top-align"> <div class="list-group-item list-view-pf-stacked list-view-pf-top-align">
<div class="list-view-pf-actions"> <div class="list-view-pf-actions">
<!-- <button class="btn btn-default">Approve</button> -->
<div class="dropdown pull-right dropdown-kebab-pf"> <div class="dropdown pull-right dropdown-kebab-pf">
<button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <button class="btn btn-link dropdown-toggle" type="button" id="dropdownKebabRight3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<span class="fa fa-ellipsis-v"></span> <span class="fa fa-ellipsis-v"></span>
</button> </button>
<ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight3"> <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownKebabRight3">
<li><a href="#"> {{'remove' | translate}}</a></li> <li><a href="#"> {{'remove' | translate}}</a></li>
<li><a href="#"> {{'edit' | translate}}</a></li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="list-view-pf-main-info"> <div class="list-view-pf-main-info">
<div class="list-view-pf-body"> <div class="list-view-pf-body row">
<div class="list-view-pf-description"> <div class="list-group-item-heading col-md-4">
<div class="list-group-item-heading"> Jhon Smith
<div class="user-list-avatar"><span class="fa fa-user"></span></div> <small>jhonsmith@paternfly.com</small>
Jhon Wong
<small>jhonsmith@paternfly.com</small>
</div>
</div> </div>
<div class="list-view-pf-additional-info"> <div class="col-md-4">
<div class="list-view-pf-additional-info-item list-view-pf-additional-info-item-lg"> Read, Battery
Read, Battery, Test-date </div>
</div> <div class="col-md-4 permission-requests-labels ">
<div class="list-view-pf-additional-info-item list-view-pf-additional-info-item-lg permission-requests-labels ">
</div>
</div> </div>
</div> </div>
</div> </div>

View file

@ -9,26 +9,22 @@
</ul> </ul>
<div class="m-t"> <div class="m-t">
<div id="pf-list-var3" class="list-group list-view-pf list-view-resources"> <div id="pf-list-var3" class="list-group list-view-pf list-view-resources">
<div class="list-group-item pfng-list-heading list-view-pf-stacked list-view-pf-top-align"> <div class="list-group-item pfng-list-heading list-head-labels list-view-pf-stacked list-view-pf-top-align">
<div class="list-view-pf-actions"> <div class="list-view-pf-actions">
</div> </div>
<div class="list-view-pf-main-info"> <div class="list-view-pf-main-info">
<div class="list-view-pf-body"> <div class="list-view-pf-body row">
<div class="list-view-pf-description"> <div class="col-md-4">
<div class="list-group-item-heading"> {{'resource' | translate}}
{{'resource' | translate}}
</div>
</div> </div>
<div class="list-view-pf-additional-info"> <div class="col-md-3">
<div class="list-view-pf-additional-info-item"> {{'application' | translate}}
{{'application' | translate}} </div>
</div> <div class="col-md-3">
<div class="list-view-pf-additional-info-item"> {{'date' | translate}}
{{'date' | translate}} </div>
</div> <div class="col-md-2">
<div class="list-view-pf-additional-info-item"> {{'sharedwith' | translate}}
{{'sharewith' | translate}}
</div>
</div> </div>
</div> </div>
</div> </div>
@ -47,22 +43,18 @@
</div> </div>
</div> </div>
<div class="list-view-pf-main-info"> <div class="list-view-pf-main-info">
<div class="list-view-pf-body"> <div class="list-view-pf-body row">
<div class="list-view-pf-description"> <div class="col-md-4 list-group-item-heading">
<div class="list-group-item-heading"> <span class="fa fa-file"></span> <a href="#">Alice Family</a>
<span class="fa fa-file"></span> <a href="#">Alice Family</a>
</div>
</div> </div>
<div class="list-view-pf-additional-info"> <div class="col-md-3">
<div class="list-view-pf-additional-info-item"> <a href="#">photoz-rest-api</a>
<a href="#">photoz-rest-api</a> </div>
</div> <div class="col-md-3">
<div class="list-view-pf-additional-info-item"> 2018/05/15 16:32
12:00 AM </div>
</div> <div class="col-md-2">
<div class="list-view-pf-additional-info-item"> <label class="resource-list-label">{{'sharedwith' | translate}}</label> <a href="#"> 3 {{'people' | translate}}</a>
<a href="#">5 persons</a>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -81,22 +73,18 @@
</div> </div>
</div> </div>
<div class="list-view-pf-main-info"> <div class="list-view-pf-main-info">
<div class="list-view-pf-body"> <div class="list-view-pf-body row">
<div class="list-view-pf-description"> <div class="col-md-4 list-group-item-heading">
<div class="list-group-item-heading"> <span class="fa fa-file"></span> <a href="#">Patternfly 4</a>
<span class="fa fa-file"></span> <a href="#">Patternfly design document update</a>
</div>
</div> </div>
<div class="list-view-pf-additional-info"> <div class="col-md-3">
<div class="list-view-pf-additional-info-item"> <a href="#">photoz-rest</a>
<a href="#">photoz-rest</a> </div>
</div> <div class="col-md-3">
<div class="list-view-pf-additional-info-item"> 2018/05/15 12:32
12:00 AM </div>
</div> <div class="col-md-2">
<div class="list-view-pf-additional-info-item"> <label class="resource-list-label">{{'sharedwith' | translate}}</label> <a href="#"> 12 {{'people' | translate}}</a>
<a href="#">5 persons</a>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -115,22 +103,18 @@
</div> </div>
</div> </div>
<div class="list-view-pf-main-info"> <div class="list-view-pf-main-info">
<div class="list-view-pf-body"> <div class="list-view-pf-body row">
<div class="list-view-pf-description"> <div class="col-md-4 list-group-item-heading">
<div class="list-group-item-heading"> <span class="fa fa-file"></span> <a href="#">Patternfly document update</a>
<span class="fa fa-file"></span> <a href="#">Patternfly design document</a>
</div>
</div> </div>
<div class="list-view-pf-additional-info"> <div class="col-md-3">
<div class="list-view-pf-additional-info-item "> <a href="#">photoz-rest-api</a>
<a href="#">photoz-rest-api</a> </div>
</div> <div class="col-md-3">
<div class="list-view-pf-additional-info-item "> 2018/05/10 11:32
12:00 AM </div>
</div> <div class="col-md-2">
<div class="list-view-pf-additional-info-item"> <label class="resource-list-label">{{'sharedwith' | translate}}</label> <a href="#"> 8 {{'people' | translate}}</a>
<a href="#">5 persons</a>
</div>
</div> </div>
</div> </div>
</div> </div>

View file

@ -8,7 +8,7 @@
<div class="col-sm-12 card-pf resources-list"> <div class="col-sm-12 card-pf resources-list">
<div class="resources-header"> <div class="resources-header">
<span class="fa fa-file"></span> <span class="fa fa-file"></span>
<h1><strong>Alice Family</strong></h1> <h1>Alice Family</h1>
<div class="resources-info"> <div class="resources-info">
<span>Access management</span> <span>Access management</span>
<span><label>{{'application' | translate}}:</label> <a href="#">photoz-rest-api</a> </span> <span><label>{{'application' | translate}}:</label> <a href="#">photoz-rest-api</a> </span>
@ -18,27 +18,23 @@
<div class="card-pf-body row"> <div class="card-pf-body row">
<div class="m-t"> <div class="m-t">
<div id="pf-list-var3" class="list-group list-view-pf list-view-resources list-view-detail"> <div id="pf-list-var3" class="list-group list-view-pf list-view-resources list-view-detail">
<div class="list-group-item pfng-list-heading list-view-pf-stacked list-view-pf-top-align"> <div class="list-group-item pfng-list-heading list-head-labels list-view-pf-stacked list-view-pf-top-align">
<div class="list-view-pf-actions list-view-space"> <div class="list-view-pf-actions list-view-space">
</div> </div>
<div class="list-view-pf-main-info"> <div class="list-view-pf-main-info">
<div class="list-view-pf-body"> <div class="list-view-pf-body row">
<div class="list-view-pf-description"> <div class="list-group-item-heading col-md-4">
<div class="list-group-item-heading">
{{'sharedwithMe' | translate}} {{'sharedwithMe' | translate}}
</div> </div>
</div> <div class="col-md-3">
<div class="list-view-pf-additional-info">
<div class="list-view-pf-additional-info-item">
{{'accessPermissions' | translate}} {{'accessPermissions' | translate}}
</div> </div>
<div class="list-view-pf-additional-info-item"> <div class="col-md-3">
{{'permissionRequests' | translate}} {{'permissionRequests' | translate}}
</div> </div>
<div class="list-view-pf-additional-info-item"> <div class="col-md-2">
{{'Status' | translate}} {{'Status' | translate}}
</div> </div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -55,20 +51,16 @@
</div> </div>
</div> </div>
<div class="list-view-pf-main-info"> <div class="list-view-pf-main-info">
<div class="list-view-pf-body"> <div class="list-view-pf-body row">
<div class="list-view-pf-description"> <div class="list-group-item-heading col-md-4">
<div class="list-group-item-heading">
<div class="user-list-avatar"><span class="fa fa-user"></span></div>
Martin Liu (you) Martin Liu (you)
<small>jhonsmith@paternfly.com</small> <small>jhonsmith@paternfly.com</small>
</div> </div>
</div> <div class="list-view-pf-additional-info-item col-md-3 no-paddding-re">
<div class="list-view-pf-additional-info">
<div class="list-view-pf-additional-info-item">
Read, Battery, Test-date, Status Read, Battery, Test-date, Status
</div> </div>
<div class="list-view-pf-additional-info-item permission-requests-labels my-requests-labels"> <div class="col-md-3 permission-requests-labels my-requests-labels no-paddding-re">
<ul class="list-inline"> <ul class="list-inline m-b-s">
<li> <li>
<span class="label label-info"> <span class="label label-info">
Status Status
@ -86,10 +78,9 @@
</li> </li>
</ul> </ul>
</div> </div>
<div class="list-view-pf-additional-info-item"> <div class="col-md-2 no-paddding-re">
<span class="label label-warning">{{'waitingforApproval' | translate}}</span> <span class="label label-warning">{{'waitingforApproval' | translate}}</span>
</div> </div>
</div>
</div> </div>
</div> </div>
</div> </div>

View file

@ -9,26 +9,22 @@
</ul> </ul>
<div class="m-t"> <div class="m-t">
<div id="pf-list-var3" class="list-group list-view-pf list-view-resources list-view-shared"> <div id="pf-list-var3" class="list-group list-view-pf list-view-resources list-view-shared">
<div class="list-group-item pfng-list-heading list-view-pf-stacked list-view-pf-top-align"> <div class="list-group-item pfng-list-heading list-head-labels list-view-pf-stacked list-view-pf-top-align">
<div class="list-view-pf-actions"> <div class="list-view-pf-actions">
</div> </div>
<div class="list-view-pf-main-info"> <div class="list-view-pf-main-info">
<div class="list-view-pf-body"> <div class="list-view-pf-body row">
<div class="list-view-pf-description"> <div class="list-group-item-heading col-md-4">
<div class="list-group-item-heading"> {{'resource' | translate}}
{{'resource' | translate}}
</div>
</div> </div>
<div class="list-view-pf-additional-info"> <div class="col-md-2">
<div class="list-view-pf-additional-info-item"> {{'owner' | translate}}
{{'owner' | translate}} </div>
</div> <div class="col-md-2">
<div class="list-view-pf-additional-info-item"> {{'application' | translate}}
{{'application' | translate}} </div>
</div> <div class="col-md-4 list-responsive-padding">
<div class="list-view-pf-additional-info-item"> {{'myPermissions' | translate}}
{{'myPermissions' | translate}}
</div>
</div> </div>
</div> </div>
</div> </div>
@ -46,22 +42,18 @@
</div> </div>
</div> </div>
<div class="list-view-pf-main-info"> <div class="list-view-pf-main-info">
<div class="list-view-pf-body"> <div class="list-view-pf-body row">
<div class="list-view-pf-description"> <div class="list-group-item-heading col-md-4">
<div class="list-group-item-heading"> <span class="fa fa-file"></span> <a href="#">Open camera</a>
<span class="fa fa-file"></span> <a href="#">Open camera</a>
</div>
</div> </div>
<div class="list-view-pf-additional-info"> <div class="col-md-2">
<div class="list-view-pf-additional-info-item"> Chirst Ma
Chirst Ma </div>
</div> <div class="col-md-2">
<div class="list-view-pf-additional-info-item"> <a href="#">photoz-rest-api</a>
<a href="#">photoz-rest-api</a> </div>
</div> <div class="col-md-4 list-responsive-padding">
<div class="list-view-pf-additional-info-item"> Read, Battery, Test-date, Status, Delete
Read, Battery, Test-date, Status, Delete
</div>
</div> </div>
</div> </div>
</div> </div>
@ -79,22 +71,18 @@
</div> </div>
</div> </div>
<div class="list-view-pf-main-info"> <div class="list-view-pf-main-info">
<div class="list-view-pf-body"> <div class="list-view-pf-body row">
<div class="list-view-pf-description"> <div class="list-group-item-heading col-md-4">
<div class="list-group-item-heading"> <span class="fa fa-file"></span> <a href="#">Open company server</a>
<span class="fa fa-file"></span> <a href="#">Open company server</a>
</div>
</div> </div>
<div class="list-view-pf-additional-info"> <div class="col-md-2">
<div class="list-view-pf-additional-info-item"> tzhu
tzhu </div>
</div> <div class="col-md-2">
<div class="list-view-pf-additional-info-item"> <a href="#">photoz-rest</a>
<a href="#">photoz-rest</a> </div>
</div> <div class="col-md-4 list-responsive-padding">
<div class="list-view-pf-additional-info-item"> Read, Battery
Read, Battery
</div>
</div> </div>
</div> </div>
</div> </div>
@ -112,22 +100,18 @@
</div> </div>
</div> </div>
<div class="list-view-pf-main-info"> <div class="list-view-pf-main-info">
<div class="list-view-pf-body"> <div class="list-view-pf-body row">
<div class="list-view-pf-description"> <div class="list-group-item-heading col-md-4">
<div class="list-group-item-heading"> <span class="fa fa-file"></span> <a href="#">Personal info of Tom Li</a>
<span class="fa fa-file"></span> <a href="#">Personal info of Tom Li</a>
</div>
</div> </div>
<div class="list-view-pf-additional-info"> <div class="col-md-2">
<div class="list-view-pf-additional-info-item "> lijun
lijun </div>
</div> <div class="col-md-2">
<div class="list-view-pf-additional-info-item "> <a href="#">photoz-rest-api</a>
<a href="#">photoz-rest-api</a> </div>
</div> <div class="col-md-4 list-responsive-padding">
<div class="list-view-pf-additional-info-item"> Email, Phone, Address, Avatar, Username
Email, Phone, Address, Avatar, Username…
</div>
</div> </div>
</div> </div>
</div> </div>

View file

@ -327,9 +327,6 @@ p.description {
.list-view-pf .list-group-item { .list-view-pf .list-group-item {
border-bottom: 1px solid #ededed; border-bottom: 1px solid #ededed;
} }
.list-view-resources .list-view-pf-additional-info-item {
width: 30%;
}
.list-view-resources .list-view-pf-additional-info-item .pficon { .list-view-resources .list-view-pf-additional-info-item .pficon {
margin-right: 0; margin-right: 0;
color: #fff; color: #fff;
@ -342,7 +339,7 @@ p.description {
.pfng-list-heading .list-view-pf-main-info { .pfng-list-heading .list-view-pf-main-info {
padding-top: 10px; padding-top: 10px;
padding-bottom: 10px; padding-bottom: 10px;
font-weight: bold; font-weight: 600;
font-size: 13px; font-size: 13px;
} }
.list-view-resources .list-view-pf-actions { .list-view-resources .list-view-pf-actions {
@ -351,7 +348,7 @@ p.description {
} }
.pfng-list-heading .list-view-pf-additional-info { .pfng-list-heading .list-view-pf-additional-info {
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: 600;
} }
.list-view-resources .list-view-pf-description { .list-view-resources .list-view-pf-description {
width: 35%; width: 35%;
@ -369,7 +366,7 @@ p.description {
.list-view-detail .list-view-master-actions { .list-view-detail .list-view-master-actions {
width: 105px; width: 105px;
} }
.list-view-detail .list-view-space{ .list-view-detail .list-view-space {
width: 20px; width: 20px;
} }
.list-view-resources .list-view-pf-status { .list-view-resources .list-view-pf-status {
@ -383,6 +380,7 @@ p.description {
} }
.list-view-resources .content-view-pf-pagination { .list-view-resources .content-view-pf-pagination {
border: none; border: none;
background-color: #fff;
} }
.resources-header { .resources-header {
margin-bottom: 20px; margin-bottom: 20px;
@ -407,20 +405,12 @@ p.description {
.resources-actions button { .resources-actions button {
margin-right: 10px; margin-right: 10px;
} }
.user-list-avatar {
width: 36px;
height: 36px;
border-radius: 36px;
background-color: #1E97D6;
color: #fff;
float: left;
text-align: center;
line-height: 36px;
margin-right: 10px;
}
.list-view-master-actions { .list-view-master-actions {
margin-top: 6px; margin-top: 6px;
} }
.permission-requests-labels ul {
margin-bottom: 0;
}
.permission-requests-labels li { .permission-requests-labels li {
margin-bottom: 5px; margin-bottom: 5px;
margin-top: 5px; margin-top: 5px;
@ -431,58 +421,74 @@ p.description {
padding-right: 15px; padding-right: 15px;
border-radius: 20px; border-radius: 20px;
} }
.permission-requests-labels .pficon-close {
color:#fff;
}
.my-requests-labels .label-info { .my-requests-labels .label-info {
background-color: #15B692; background-color: #15B692;
} }
.modal-title span { .modal-title span {
font-weight: normal; font-weight: normal;
} }
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: 100%;
}
.resource-share-content { .resource-share-content {
margin-top: 20px; margin-top: 20px;
} }
.resources-list .nav-tabs { .resources-list .nav-tabs {
margin-left: 20px; margin-left: 20px;
} }
.resources-list .card-pf-body {
padding-bottom: 0;
}
.resources-list .content-view-pf-pagination { .resources-list .content-view-pf-pagination {
margin-top: 20px;
margin-bottom: -20px; margin-bottom: -20px;
} }
.breadcrumb { .breadcrumb {
padding: 20px 15px 20px 0; padding: 20px 15px 20px 0;
} }
.resource-list-label{ .resource-list-label {
display: none; display: none;
} }
.resources-list .card-pf-body {
padding: 0;
}
@media (max-width: 767px) { @media (max-width: 767px) {
.resource-list-label{ .no-paddding-re {
display:block; padding: 0;
margin-bottom:0; }
.permission-requests-labels .m-b-s {
margin-bottom: 10px;
}
.no-paddding-re .label-warning {
margin-top: 10px;
}
.resource-list-label {
display: inline-block;
margin-bottom: 0;
margin-right: 5px; margin-right: 5px;
} }
.list-responsive-padding {
padding-left: 20px;
overflow: auto;
}
.list-view-pf .list-group-item {
padding-bottom: 10px;
}
.pfng-list-heading.list-group-item {
padding-bottom: 0px;
}
.list-view-resources .list-view-pf-stacked .list-group-item-heading { .list-view-resources .list-view-pf-stacked .list-group-item-heading {
font-size: 16px; font-size: 16px;
margin-bottom: 10px;
} }
.list-view-pf-stacked .list-group-item-heading{ .list-view-pf-stacked .list-group-item-heading {
margin-right: 10px; margin-right: 10px;
} }
.resources-info span{ .resources-info span {
border: none; border: none;
display: block; display: block;
width: 100%; width: 100%;
} }
.resources-info span:first-child{ .resources-info span label {
margin-bottom: 10px;
}
.resources-info span label{
margin-bottom: 0; margin-bottom: 0;
} }
.list-view-pf .list-head-labels{ .list-view-pf .list-head-labels {
display: none; display: none;
} }
.list-head-label{ .list-head-label{
@ -499,7 +505,6 @@ p.description {
padding: 10px 0; padding: 10px 0;
} }
.card-linked-account .list-view-pf-additional-info { .card-linked-account .list-view-pf-additional-info {
width: 100%;
margin-top: 20px; margin-top: 20px;
} }
.card-pf-application h2 a { .card-pf-application h2 a {
@ -535,21 +540,12 @@ p.description {
.resources-list .card-pf-body { .resources-list .card-pf-body {
padding: 0; padding: 0;
} }
.list-view-resources .list-view-pf-additional-info-item {
width: 100%;
}
.list-view-resources .list-view-pf-additional-info-item-lg {
width: 100%;
}
.list-view-resources .list-view-pf-description {
width: 100%;
}
.list-view-shared .list-view-pf-description {
width: 100%;
}
.resources-list .nav-tabs { .resources-list .nav-tabs {
margin-top: 10px; margin-top: 10px;
} }
.margin-bottom-none{
padding-bottom: 0;
}
} }
/* authenticator style */ /* authenticator style */