release: PDE v0.4.0

Valkyr-JS · Jun 24, 2024 · 8f505be · 8f505be
1 parent 627c6a0
commit 8f505be
Show file tree

Hide file tree

Showing 3 changed files with 254 additions and 895 deletions.
diff --git a/plugins/PerformerDetailsExtended/PerformerDetailsExtended.css b/plugins/PerformerDetailsExtended/PerformerDetailsExtended.css
@@ -1 +1,135 @@
-.performer-details-extended{padding-top:0;.detail-item-value .additional-data{opacity:.65;&:before{content:" ("}&:after{content:")"}}.hoverable{border-bottom:1px dotted #fff}.inner-wrapper{align-items:center;display:inline-flex}.separator{margin:0 5px}}.full-width .performer-details-extended{.detail-item{.detail-item-title{width:180px}&.detail-item-wide{display:inline-flex;.detail-item-title,.detail-item-value{width:100%}}}@media (min-width:1080px){display:grid;grid-template-columns:repeat(2,1fr);.detail-item.top-tags{grid-column:span 2}}@media (min-width:1360px){grid-template-columns:repeat(3,1fr);.detail-item.top-tags{grid-column:span 3}}@media (min-width:1620px){grid-template-columns:repeat(4,1fr)}@media (min-width:1980px){grid-template-columns:repeat(5,1fr)}@media (min-width:2200px){grid-template-columns:repeat(6,1fr)}}
+/*!**********************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/styles.scss ***!
+  \**********************************************************************************************************/
+.detail-header .detail-group {
+  padding-bottom: 0.5rem;
+}
+
+.detail-group.performer-details-extended {
+  padding-top: 0.5rem;
+  padding-bottom: 1rem;
+}
+
+.performer-details-extended:empty {
+  display: none !important;
+}
+.performer-details-extended .inner-wrapper {
+  display: inline-flex;
+  align-items: center;
+}
+.performer-details-extended .separator {
+  margin: 0 5px;
+}
+.performer-details-extended .detail-item-value .additional-data {
+  opacity: 0.65;
+}
+.performer-details-extended .detail-item-value .additional-data::before {
+  content: " (";
+}
+.performer-details-extended .detail-item-value .additional-data::after {
+  content: ")";
+}
+.performer-details-extended .detail-item-value .hoverable {
+  border-bottom: 1px dotted white;
+}
+.performer-details-extended .overflow-popover {
+  display: inline-block;
+  margin-left: 5px;
+}
+
+@media (max-width: 576px) {
+  .detail-header .detail-group {
+    padding-bottom: 0.5rem;
+  }
+  .detail-header .performer-details-extended {
+    padding-bottom: 1rem;
+  }
+}
+/* -------------------------------------------------------------------------- */
+/*                              Optional styling                              */
+/* -------------------------------------------------------------------------- */
+.detail-group-pde-themed ~ .detail-group-pde-themed {
+  border-top: 1px solid #868791;
+  padding-bottom: 1rem;
+  padding-top: 1rem;
+}
+@media (max-width: 576px) {
+  .detail-group-pde-themed .detail-item {
+    min-width: 50%;
+  }
+}
+
+.full-width .detail-group-pde-themed {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+}
+.full-width .detail-group-pde-themed .detail-item {
+  display: flex;
+}
+.full-width .detail-group-pde-themed .detail-item .detail-item-title,
+.full-width .detail-group-pde-themed .detail-item .detail-item-value {
+  width: 100%;
+}
+.full-width .detail-group-pde-themed .detail-item-value .additional-data {
+  white-space: nowrap;
+}
+@media (max-width: 576px) {
+  .full-width .detail-group-pde-themed {
+    display: flex;
+  }
+  .full-width .detail-group-pde-themed .detail-item {
+    width: auto;
+  }
+}
+@media (min-width: 768px) {
+  .full-width .detail-group-pde-themed {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 0 2rem;
+  }
+  .full-width .detail-group-pde-themed .detail-item {
+    width: auto;
+  }
+  .full-width .detail-group-pde-themed .detail-item.piercings, .full-width .detail-group-pde-themed .detail-item.stash_ids, .full-width .detail-group-pde-themed .detail-item.tags, .full-width .detail-group-pde-themed .detail-item.tattoos, .full-width .detail-group-pde-themed .detail-item.top-tags {
+    grid-column: 1/-1;
+  }
+  .full-width .detail-group-pde-themed .detail-item.stash_ids ul {
+    display: flex;
+    flex-wrap: wrap;
+  }
+  .full-width .detail-group-pde-themed .detail-item.stash_ids .row {
+    margin-right: 5px;
+  }
+}
+@media (min-width: 1080px) {
+  .full-width .detail-group-pde-themed {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .full-width .detail-group-pde-themed .detail-item.piercings, .full-width .detail-group-pde-themed .detail-item.tattoos {
+    grid-column: auto/span 2;
+  }
+}
+@media (min-width: 1360px) {
+  .full-width .detail-group-pde-themed {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+}
+@media (min-width: 1650px) {
+  .full-width .detail-group-pde-themed {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+}
+@media (min-width: 1920px) {
+  .full-width .detail-group-pde-themed {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+}
+@media (min-width: 2200px) {
+  .full-width .detail-group-pde-themed {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+}
+@media (min-width: 2460px) {
+  .full-width .detail-group-pde-themed {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+}