Skip to content

Commit f318e7c

Browse files
committed
Merge pull request #148 from jeff-phillips-18/master
Show Data Tile checkboxes only on hover or if selected
2 parents 0b5f93a + da47625 commit f318e7c

File tree

3 files changed

+13
-3
lines changed

3 files changed

+13
-3
lines changed

dist/styles/angular-patternfly.css

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -215,12 +215,13 @@
215215
width: 260px;
216216
}
217217

218-
.tiles-view-pf .tile-check-box {
218+
.tiles-view-pf .tile .tile-check-box {
219219
left: 10px;
220220
position: absolute;
221221
top: 8px;
222222
width: 20px;
223223
z-index: 3;
224+
visibility: hidden;
224225
}
225226

226227
.tiles-view-pf .tile-content {
@@ -257,6 +258,10 @@
257258
.tiles-view-pf .tile.active:focus .pficon {
258259
color: #ffffff;
259260
}
261+
.tiles-view-pf .tile:hover .tile-check-box,
262+
.tiles-view-pf .tile.active .tile-check-box {
263+
visibility: visible;
264+
}
260265

261266
.tiles-view-pf .tile.disabled, .tile.disabled:hover, .tile.disabled:focus {
262267
border: 1px solid #eee;

dist/styles/angular-patternfly.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

styles/angular-patternfly.css

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -215,12 +215,13 @@
215215
width: 260px;
216216
}
217217

218-
.tiles-view-pf .tile-check-box {
218+
.tiles-view-pf .tile .tile-check-box {
219219
left: 10px;
220220
position: absolute;
221221
top: 8px;
222222
width: 20px;
223223
z-index: 3;
224+
visibility: hidden;
224225
}
225226

226227
.tiles-view-pf .tile-content {
@@ -257,6 +258,10 @@
257258
.tiles-view-pf .tile.active:focus .pficon {
258259
color: #ffffff;
259260
}
261+
.tiles-view-pf .tile:hover .tile-check-box,
262+
.tiles-view-pf .tile.active .tile-check-box {
263+
visibility: visible;
264+
}
260265

261266
.tiles-view-pf .tile.disabled, .tile.disabled:hover, .tile.disabled:focus {
262267
border: 1px solid #eee;

0 commit comments

Comments
 (0)