DebaucheryLibrarian
/
traxxx
2
1
Fork 1
Code Issues 39 Pull Requests 1 Releases Wiki Activity

Compare commits

base: DebaucheryLibrarian:83cbdcbf3da0a77eaa8787ef969ddd205169831b
Branches Tags
DebaucheryLibrarian:master
DebaucheryLibrarian:old
DebaucheryLibrarian:experimental
..
compare: DebaucheryLibrarian:b1a85a43a3ac73c9a03783288944cd7364de2bb9
Branches Tags
DebaucheryLibrarian:master
DebaucheryLibrarian:old
DebaucheryLibrarian:experimental

2 Commits
83cbdcbf3d ... b1a85a43a3

Author SHA1 Message Date
ThePendulum b1a85a43a3 1.49.2 2020-01-09 03:54:50 +01:00
ThePendulum b1343a63b5 Showing hover backgrounds on expand toggles. 2020-01-09 03:54:47 +01:00
5 changed files with 36 additions and 5 deletions
Show Stats Expand all files Collapse all files

14
assets/components/networks/network.vue
View File

@ -235,7 +235,7 @@ export default {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding: .5rem 0 0 0; padding: .5rem 0;
font-weight: bold; font-weight: bold;
font-size: .9rem; font-size: .9rem;
cursor: pointer; cursor: pointer;
@ -250,14 +250,23 @@ export default {
} }
} }
.expand-sidebar { .expand-sidebar:hover {
background: $shadow-hint;
} }
.expand-header { .expand-header {
display: none; display: none;
&:hover {
background: $shadow-hint;
}
} }
.collapse-header { .collapse-header {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
background: $profile; background: $profile;
color: $highlight; color: $highlight;
@ -266,6 +275,7 @@ export default {
} }
&:hover { &:hover {
background: $highlight-hint;
color: $text-contrast; color: $text-contrast;
.icon { .icon {

4
assets/components/sites/sites.vue
View File

@ -56,6 +56,10 @@ export default {
.tiles { .tiles {
grid-template-columns: repeat(auto-fit, minmax(15rem, .5fr)); grid-template-columns: repeat(auto-fit, minmax(15rem, .5fr));
} }
&.compact .tiles {
padding: 0 1rem 1rem 1rem;
}
} }
} }

2
package-lock.json generated
View File

@ -1,6 +1,6 @@
{ {
"name": "traxxx", "name": "traxxx",
"version": "1.49.1", "version": "1.49.2",
"lockfileVersion": 1, "lockfileVersion": 1,
"requires": true, "requires": true,
"dependencies": { "dependencies": {

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "traxxx", "name": "traxxx",
"version": "1.49.1", "version": "1.49.2",
"description": "All the latest porn releases in one place", "description": "All the latest porn releases in one place",
"main": "src/app.js", "main": "src/app.js",
"scripts": { "scripts": {

19
public/css/style.css
View File

@ -674,6 +674,9 @@
.sites.expanded .tiles[data-v-7bebaa3e] { .sites.expanded .tiles[data-v-7bebaa3e] {
grid-template-columns: repeat(auto-fit, minmax(15rem, 0.5fr)); grid-template-columns: repeat(auto-fit, minmax(15rem, 0.5fr));
} }
.sites.expanded.compact .tiles[data-v-7bebaa3e] {
padding: 0 1rem 1rem 1rem;
}
.tiles[data-v-7bebaa3e] { .tiles[data-v-7bebaa3e] {
display: grid; display: grid;
grid-gap: 0 1rem; grid-gap: 0 1rem;
@ -781,7 +784,7 @@
justify-content: center; justify-content: center;
-webkit-box-align: center; -webkit-box-align: center;
align-items: center; align-items: center;
padding: .5rem 0 0 0; padding: .5rem 0;
font-weight: bold; font-weight: bold;
font-size: .9rem; font-size: .9rem;
cursor: pointer; cursor: pointer;
@ -793,10 +796,23 @@
.expand:hover .icon[data-v-e2e12602] { .expand:hover .icon[data-v-e2e12602] {
fill: rgba(0, 0, 0, 0.7); fill: rgba(0, 0, 0, 0.7);
} }
.expand-sidebar[data-v-e2e12602]:hover {
background: rgba(0, 0, 0, 0.1);
}
.expand-header[data-v-e2e12602] { .expand-header[data-v-e2e12602] {
display: none; display: none;
} }
.expand-header[data-v-e2e12602]:hover {
background: rgba(0, 0, 0, 0.1);
}
.collapse-header[data-v-e2e12602] { .collapse-header[data-v-e2e12602] {
width: 100%;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
background: #222; background: #222;
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
} }
@ -804,6 +820,7 @@
fill: rgba(255, 255, 255, 0.5); fill: rgba(255, 255, 255, 0.5);
} }
.collapse-header[data-v-e2e12602]:hover { .collapse-header[data-v-e2e12602]:hover {
background: rgba(255, 255, 255, 0.075);
color: #fff; color: #fff;
} }
.collapse-header:hover .icon[data-v-e2e12602] { .collapse-header:hover .icon[data-v-e2e12602] {