Updates

Not released yet, as waiting to see what else plex devs does in the new UI they are making. Once the new UI is released officially, then I will go through and fix up things that needs to be done and then release the next update.

.gitignore

@@ -1,7 +1,3 @@
-# lockfiles
-package-lock.json
-yarn.lock
-
 # temp stuff
 tmp/
 *.tmp

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Plex Fixes Changelog
 
+## v1.2.3 ... (Not Released Yet)
+
+### Removed:
+`-` Removed contract side bar due to the fact that you can now contract the side bar in webUI version "3.100.1"
+
 ## v1.2.2 ... (16 MAY 19)
 
 ### Removed:

css/optionals/minified/hide-cast-list.css

@@ -0,0 +1 @@
+div[class^=PrePlayCastList-castList-]{display:none!important}

css/optionals/minified/hide-extras.css

@@ -0,0 +1 @@
+div[class^=PrePlayExtrasList-extrasHubCell-]{display:none!important}

css/optionals/minified/zoom-black-bar.css

@@ -0,0 +1 @@
+[class^=AudioVideoPlayerView-container] video{-webkit-transform:scale(1.13)}

css/theme.css

@@ -0,0 +1,176 @@
+@-moz-document regexp("https?://app.plex.tv/.*"), regexp("https?://.*:/*[[PORT]]*//.*"), regexp("/*[[URL]]*/.*") {
+  /*::::::::::::::::::::::::::::::::::::::::::::::::::::::: Pre 3.0.0 Fixes :::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
+  a {
+    -moz-user-select: all !important;
+    user-select: all !important;
+  }
+  /*::: Main Background Image :::*/
+  .background-container > [class^="FullPage-container-"] div > div {
+    background: #1f1f1f;
+    background-image: url("/*[[IMGURL]]*/") !important;
+    background-position: center center;
+    background-size: 100% 100% !important;
+    image-rendering: auto;
+  }
+  /*::: Image Container :::*/
+  div[class^="PrePlayArtwork-imageContainer-"],
+  div[class*="3dXG6"] {
+    position: fixed !important;
+    top: 0 !important;
+    right: 0 !important;
+    bottom: 0 !important;
+    left: 0 !important;
+    z-index: -1 !important;
+    margin: 0 !important;
+    width: 100% !important;
+    height: 100% !important;
+    background: #1f1f1f !important;
+    -webkit-animation: plexbgfadein 0.6s ease-in;
+  }
+  /*::: Image :::*/
+  div[class^="PrePlayArtwork-imageContainer-"] > div,
+  div[class*="3dXG6"] > div {
+    position: fixed !important;
+    width: 100% !important;
+    height: 100% !important;
+    background-repeat: no-repeat !important;
+    background-size: 100% 100% !important;
+    opacity: 0.25 !important;
+  }
+  /*::: Resizing adds extra divs :::*/
+  div[class^="PrePlayArtwork-imageContainer-"] > div + div,
+  div[class*="3dXG6"] > div + div {
+    display: none !important;
+  }
+  /*::: Item Thumbnail :::*/
+  div[class^="PrePlayArtwork-imageContainer-"] + div,
+  div[class*="3dXG6"] + div {
+    position: fixed !important;
+    top: 180px !important;
+    background-position: center !important;
+  }
+  /*::: Background Fade-in :::*/
+  @-webkit-keyframes plexbgfadein {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+  /*::::::::::::::::::::::::::::::::::::::::::::::::::::::: NEW ADDITIONS :::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
+  /*::: Max Width Of Summary Container :::*/
+  div[class^="PrePlaySummary-summary-"],
+  div[class*="1NL8g"] {
+    margin-bottom: 5px;
+    max-width: none !important;
+    font-size: 15px;
+  }
+  /*::: Make Sure Overflow Of Summary Container is always visible :::*/
+  div[class^="PrePlaySummary-summary-"] > div,
+  div[class*="1NL8g"] > div {
+    overflow: visible !important;
+    max-height: none !important;
+  }
+  /*::: Hide Read More Button Since It's Useless Now :::*/
+  [class^="CollapsibleText-readMore-"],
+  [class*="1bRJm"] {
+    display: none !important;
+  }
+  /*::: Hide The Go Premium Button :::*/
+  [class^="NavBar-plexPassButton-"],
+  [class*="wVK4v"] {
+    display: none !important;
+  }
+  [class^="AccountSummary-container-"] > div:nth-of-type(1) > div,
+  [class*="2EbPg"] > div:nth-of-type(1) > div {
+    display: none !important;
+  }
+  /*::: Plex Fixes Version :::*/
+  [class="version-title"]::after {
+    white-space: pre;
+    content: "\A Plex Fixes - Version 1.2.3";
+  }
+  /*::: Make Users pic square :::*/
+  [class^="dropdown-poster-"] > div {
+    border-radius: 0;
+  }
+  [class^="card-poster"],
+  [class^="AvatarImg-avatar-"],
+  [class*="3Op56"] {
+    border-radius: 0;
+  }
+  /*::: Move dashboard down slightly :::*/
+  [class^="DashboardPage-dashboardPageContent-"],
+  [class*="2rN8X"] {
+    padding: 15px 55px 60px !important;
+  }
+  /*::: make continue watching title containers a bit smaller :::*/
+  div[class*="MetadataPosterCell-continueWatchingTitleContainer-"],
+  div[class*="3yCAY"] {
+    padding: 4px 5px !important;
+    background-color: rgba(0, 0, 0, 0.35);
+  }
+  /*::: shorten the padding on headers on dashboard to bring inline with being closer to continue watching title container :::*/
+  div[class*="HubCellHeader-hubCellHeader-"],
+  div[class*="2pvYN"] {
+    padding: 4px 0 0 5px !important;
+  }
+  /*::: Make cast pictures square :::*/
+  a[class^="PrePlayCastCell-cardLink-"],
+  div[class^="TagPosterCard-card-"],
+  a[class*="Tndv5"],
+  div[class*="RVD0D"] {
+    border-radius: 0 !important;
+  }
+  /*::: lower actors faces a bit :::*/
+  div[class^="TagPosterCard-card-"] [class^="PosterCardImg-imageContainer-"] > div,
+  div[class^="TagPosterCard-card-"] [class*="1Ar4M"] > div,
+  div[class*="RVD0D"] [class^="PosterCardImg-imageContainer-"] > div,
+  div[class*="RVD0D"] [class*="1Ar4M"] > div {
+    background-position: 100% 30% !important;
+  }
+  /*::: Navbar height :::*/
+  [class*="NavBar-container-"],
+  [class*="1T0BJ"] {
+    height: 40px;
+  }
+  /*::: Move navbar Activity Button number :::*/
+  [class*="NavBarActivityButton-label-"],
+  [class*="2ZN0g"] {
+    top: 10px;
+  }
+  /*::: Resize navbar search box :::*/
+  [class*="QuickSearchInput-container-"],
+  [class*="QuickSearch-container-"],
+  [class*="1HiCo"],
+  [class*="2PWkB"] {
+    height: 30px;
+  }
+  /*::: Pulsate Status :::*/
+  [class*="NavBarActivityButton-isActive-"] [class*="NavBarActivityButton-activityIcon-"] {
+    opacity: 0.1;
+    -webkit-animation: pulsate 5s ease-out;
+    -webkit-animation-iteration-count: infinite;
+  }
+  @-webkit-keyframes "pulsate" {
+    0% {
+      opacity: 1;
+      -webkit-transform: scale(1.3, 1.3);
+    }
+    50% {
+      opacity: 0.3;
+      -webkit-transform: scale(0.85, 0.85);
+    }
+    100% {
+      opacity: 1;
+      -webkit-transform: scale(1.3, 1.3);
+    }
+  }
+  /*[[CastL]]*/
+  /*[[ExtrasM]]*/
+  /*[[RelatedL]]*/
+  /*[[PosterHE]]*/
+  /*[[CompactSB]]*/
+  /*[[VARF]]*/
+}

tools/usercss-template.css → css/usercss-template.css

@@ -1,13 +1,13 @@
 /* ==UserStyle==
-@name         {{title}}
-@version      {{version}}
-@description  {{description}}
+@name         Plex Fixes
+@version      1.2.3
+@description  Bringing back plex to pre-3.0.0
 @namespace    https://github.com/StylusThemes
 @author       StylusThemes <https://github.com/StylusThemes>
 @homepageURL  https://github.com/StylusThemes/Plex-Fixes
 @supportURL   https://github.com/StylusThemes/Plex-Fixes/issues
-@updateURL    https://raw.githubusercontent.com/StylusThemes/Plex-Fixes/master/{{main}}
-@license      {{license}}
+@updateURL    https://raw.githubusercontent.com/StylusThemes/Plex-Fixes/master/style.user.css
+@license      CC-BY-SA-4.0
 
 @advanced text PORT "Port Number" "32400"
 @advanced text URL "Custom URL" "http://example.com/"
@@ -45,17 +45,11 @@ PHEN "No Hover Effects" <<<EOT
  EOT;
 }
 
-@advanced dropdown CompactSB "Contract The Sidebar To Save Screen Space [Expands Back Out On Hovering Over The Sidebar]" {
-CSY "Yes" <<<EOT
-{{contract-sidebar}} EOT;
-CSN "No" <<<EOT
- EOT;
-}
-
 @advanced dropdown VARF "Zoom in on Blu-ray rip's that haven't been cropped to remove black bars" {
 VARFN "No" <<<EOT
  EOT;
 VARFY "Yes" <<<EOT
 {{zoom-black-bar}} EOT;
 }
 ==/UserStyle== */
+{{theme}}

gulpfile.js

@@ -0,0 +1,64 @@
+'use strict'
+
+let autoprefixer = require( 'gulp-autoprefixer' )
+let beautify = require( 'gulp-beautify' )
+let cleanCSS = require( 'gulp-clean-css' );
+let gulp = require( 'gulp' )
+let insert = require( 'gulp-file-insert' )
+let rename = require( 'gulp-rename' )
+let sass = require( 'gulp-sass' )
+
+sass.compiler = require( 'node-sass' )
+
+gulp.task( 'autoprefix', function () {
+  return gulp.src( './css/theme.css' )
+    .pipe( autoprefixer( {
+      browsers: [
+        '> 0.2%',
+        'last 2 versions'
+      ],
+      cascade: false
+    } ) )
+    .pipe( gulp.dest( './css' ) )
+} )
+
+gulp.task( 'minify-css', function () {
+  return gulp.src( './css/optionals/*.css' )
+    .pipe( cleanCSS() )
+    .pipe( gulp.dest( './css/optionals/minified' ) )
+} );
+
+gulp.task( 'usercss', function () {
+  return gulp.src( './css/usercss-template.css' )
+    .pipe( insert( {
+      '{{theme}}': './css/theme.css',
+      '{{hover-cast-list}}': './css/optionals/minified/hover-cast-list.css',
+      '{{hide-cast-list}}': './css/optionals/minified/hide-cast-list.css',
+      '{{expand-movie-extras}}': './css/optionals/minified/expand-movie-extras.css',
+      '{{hide-extras}}': './css/optionals/minified/hide-extras.css',
+      '{{hide-related-lists}}': './css/optionals/minified/hide-related-lists.css',
+      '{{hover-posters}}': './css/optionals/minified/hover-posters.css',
+      '{{zoom-black-bar}}': './css/optionals/minified/zoom-black-bar.css'
+    } ) )
+    .pipe( rename( 'style.user.css' ) )
+    .pipe( beautify.css( {
+      end_with_newline: true,
+      indent_size: 2,
+      preserve_newlines: true
+    } ) )
+    .pipe( gulp.dest( './' ) )
+} )
+
+gulp.task( 'sass', function () {
+  return gulp.src( './sass/**/*.scss' )
+    .pipe( sass( {
+      outputStyle: 'expanded'
+    } ).on( 'error', sass.logError ) )
+    .pipe( gulp.dest( './css' ) )
+} )
+
+gulp.task( 'sass:watch', function () {
+  gulp.watch( './sass/**/*.scss', gulp.series( 'sass', 'autoprefix', 'minify-css', 'usercss' ) )
+} )
+
+gulp.task( 'default', gulp.series( 'sass:watch' ) )