rancher
/
ui
mirror of https://github.com/rancher/ui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

0718issues (#787) 

* rancher/rancher#5448

rancher/rancher#5447 access control

border on small modal

* fix on last commit

* rancher/rancher#5447
This commit is contained in:
lauren Vuchetich 2016-07-28 12:44:38 -07:00 committed by Vincent Fiduccia
parent 6c7d90c1ce
commit d7b127fa2d
6 changed files with 81 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/form-service-links/template.hbs
View File

@ -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"

6
app/components/storagepool-section/template.hbs
View File

@ -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>

6
app/components/tooltip-warning/template.hbs
View File

@ -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>

1
app/styles/components/_tooltip.scss
View File

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

4
app/styles/layout/_header.scss
View File

@ -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;

145
app/styles/layout/_sm-screen.scss
View File

@ -92,88 +92,87 @@
}
}
.well {
padding: 0;
}
}
/*responsive tables and nav 695-959*/
/*responsive tables and nav*/
@media (max-width: $screen-sm-max) {
table,
thead,
tbody,
th,
td,
tr {
display: block;
}
table,
thead,
tbody,
th,
td,
tr {
display: block;
}
thead {
height: 0;
position: absolute;
top: -9999px;
left: -9999px;
& tr {
thead {
height: 0;
position: absolute;
top: -9999px;
left: -9999px;
& tr {
position: absolute;
top: -9999px;
left: -9999px;
}
}
tr {
border: 1px solid $table-border-color;
margin: 10px 0;
&.sm-noborder{
border-width: 0px;
}
}
tr {
border: 1px solid $table-border-color;
margin: 10px 0;
}
td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
white-space: normal;
text-align:left;
width: 100% !important;
border-right: none !important;
td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
white-space: normal;
text-align:left;
width: 100% !important;
border-right: none !important;
& .spark-line {
width: 44px !important;
}
}
& .spark-line {
width: 44px !important;
td:before {
content: attr(data-title);
width: 45%;
margin-right: 10px;
white-space: nowrap;
text-align:left;
font-weight: bold;
}
.stack-section .grid td.state {
padding: 10px !important;
}
.grid TD.actions {
position: static;
text-align: left;
}
.stack-section {
background: transparent !important;
}
.stack-section .grid TD, .stack-section .grid TH {
border-bottom: 1px dotted $table-border-color !important;
border-top: none;
text-align: left !important;
}
.grid > thead > tr > th,
.grid > thead > tr > td,
.grid > tbody > tr > th,
.grid > tbody > tr > td,
.grid > tfoot > tr > th,
.grid > tfoot > tr > td {
border-top: none;
}
}
td:before {
content: attr(data-title);
width: 45%;
margin-right: 10px;
white-space: nowrap;
text-align:left;
font-weight: bold;
}
.stack-section .grid td.state {
padding: 10px !important;
}
.grid TD.actions {
position: static;
text-align: left;
}
.stack-section {
background: transparent !important;
}
.stack-section .grid TD, .stack-section .grid TH {
border-bottom: 1px dotted $table-border-color !important;
border-top: none;
text-align: left !important;
}
.grid > thead > tr > th,
.grid > thead > tr > td,
.grid > tbody > tr > th,
.grid > tbody > tr > td,
.grid > tfoot > tr > th,
.grid > tfoot > tr > td {
border-top: none;
}
}