raucao/inspektor
1
1
Fork 0
Code Issues 4 Pull Requests Releases 9 Activity

Turn dir listings into UL, so we can use normal links

Browse Source
This commit is contained in:
Basti
2017-11-12 15:36:09 +01:00
parent d924303c32
commit 93d8c68949
7 changed files with 69 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
app/styles/components/_directory-listing.scss
View File

@@ -1,40 +1,51 @@
.directory-listing {
table {
ul.listing {
display: block;
width: 100%;
margin-bottom: 6rem;
border-collapse: collapse;
thead {
display: none;
}
tbody {
tr {
border-bottom: 1px solid #ececec;
li {
display: table;
width: 100%;
border-bottom: 1px solid #ececec;
&:first-of-type {
border-top: 1px solid #ececec;
&:first-of-type {
border-top: 1px solid #ececec;
}
&:hover {
span {
opacity: 0.7;
cursor: pointer;
}
}
&:hover {
td {
opacity: 0.7;
cursor: pointer;
a {
display: table-row;
text-decoration: none;
color: $dark-grey-1;
span {
display: table-cell;
padding: 1rem 1.5rem;
&.icon {
width: 1rem;
padding-right: 0;
text-align: center;
}
&.name {
width: 60%;
}
&.type {
width: 40%;
color: #aaa;
}
}
}
td {
padding: 1rem 1.5rem;
&.icon {
width: 1rem;
padding-right: 0;
}
&.type {
color: #aaa;
}
}
}
}
}

2
app/styles/components/_item-icon.scss
View File

@@ -1,4 +1,4 @@
.item-icon {
ul.listing span.icon {
text-align: center;
img {