Skip to content

"Deviants You Watch" page Tweaks by big-b33-pr0xy-200x-goodwill

Screenshot of "Deviants You Watch" page Tweaks

Details

Authorbig-b33-pr0xy-200x-goodwill

LicenseCC-BY-4.0

Categorydeviantart

Created

Updated

Size5.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Some minor tweaks for the "Deviants You Watch" page.

Notes

Some minor tweaks for the "Deviants You Watch" page.

  • Makes the user icons in the user carousel smaller. Also removes the username text in the user carousel.
  • Has a toggle that is disabled by default, that makes the thumbnails smaller and take up less space. ONLY ENABLE YOU USE THE STACKED THUMBS SETTING!
  • Has a toggle that enabled by default, that hides the "recommended for you" section.

Update log:

July 11 2022:

  • Added a toggle to hide "recommended for you" section in watch deviations page.
  • Fixed literature thumbnails in watch deviations page.

June 30 2022:

ONLY ENABLE IT IF YOUR USING STACKED THUMBNAIL MODE!

  • Working on making thumbnails overall smaller. Since currently they take up so much space.
  • This is a toggle in the settings. Since currently it only looks good when using the stacked mode.

June 29 2022:

  • Made an update notes thing that's disabled by default.
  • Changed user icons imgs in carousel back to 35px.
  • Fixed margins on user icons in carousel.
  • Fixed the "deviations" "posts" button.

Source code

/* ==UserStyle==
@name           DeviantArt DYWP Tweaks June 2022
@description    Some minor tweaks for the "Deviants You Watch" page.
@version        1.0.0
@author         Proxybat
@namespace      https://www.deviantart.com/
@license        CC-BY-4.0
@homepageURL https://github.com/Proxybat/UserCSS/tree/main/Deviantart/DeviantArt%20DYWP
@supportURL  https://github.com/Proxybat/UserCSS/issues

@advanced dropdown update 'Shows current "Update" notes. (Disabled by default.)'{
update1 "Hide" <<<EOT none !important EOT;
update2 "Show" <<<EOT  EOT;
}

@advanced dropdown recommendedforyou 'Hides the "recommended for you" section. (Hidden by default.)'{
recommendedforyou1 "Hide" <<<EOT none !important EOT;
update2 "Show" <<<EOT  EOT;
}

@advanced dropdown minithumbs 'Makes thumbnails smaller. (Disabled by default. Only works with stacked thumbs.)'{
minithumbs1 "Disable" <<<EOT EOT;
minithumbs2 "Enable" <<<EOT  ._1Wavq._3U8UO > ._1J3Tr {
      height: 200px !important;
      width: 200px!important;
   }
   ._3_LJY {
      width: 200px !important;
   }  
   ._3U8UO {
      width: 200px !important;
      height: 200px !important;
   }
   ._1Wavq._3U8UO {
      width: 200px !important;
      height: 200px !important;
   }
   ._3_LJY {
      height: 200px !important;
   }
   ._1Wavq._3U8UO > ._1J3Tr > ._3Ll6e._1FMli > ._3_LJY {
      max-width: 100% !important;
      max-height: 100% !important;
   }
   ._3_LJY > ._3Ll6e > ._1FMli {
      width: 250px !important;
   }
   ._9L3kV {
      height: 200px;
	   margin-bottom: 90px;
   }
   ._2_R82._2hOTh {
	width: 200px !important;
	height: 200px !important;
   } 
   ._2_R82 {
	height: 200px !important;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	overflow: hidden;
	padding: 32px;
	box-sizing: border-box;
	background-size: cover;
	background-position: 100% 0;
	background-repeat: no-repeat;
	width: 200px !important;
}EOT;
}

==/UserStyle== */
@-moz-document url-prefix("https://www.deviantart.com/watch/") {
   /*main stuff*/
   /*update test*/
   .PL2hp::after {
      content: "\201F Added a toggle to hide \0028 Recommended for you\0029  thing.\201D  -  06/30/2022";
      font-size: 12px;
      display: /*[[update]]*/;
      margin-left: -40px;
      margin-right: -30px;
   }

   /*User carousel.*/
   /*Below changes avatars on top of the page to make them smaller and take up less space.*/
   ._27wdP {
      position: relative;
      border-radius: 6px;
      border: 2px solid transparent;
      padding: 0px;
      transform: translateY(0);
      transition: transform .15s ease-out;
      width: 35px;
      height: 35px;
   }

   ._2JoOH._29sRH > ._3mI1h > ._121Hz {
      height: 35px !important;
      width: 35px !important;
   }

   ._27wdP ._3gigK {
      display: block;
      -o-object-fit: cover;
      object-fit: cover;
      border-radius: 4px;
      width: 100%;
      height: 100%;
   }
   ._2OXCK + ._2OXCK {
      margin-left: -18px;
   }
   ._3GnfA._1YZHu {
      width: 100%;
      height: 100%;
   }

   ._2OXCK.aToGy.E7EQn._3uqS_._1Hru3 {
      margin-left: -14px;
      margin-right: -0px;
   }

   .Lp1vP._2mNQB {
      margin-bottom: 6px;
      padding: 10px;
      padding-bottom: 1px;
      padding-top: 14px;
   }

   ._3qFuX._1x8Gw.vA-TZ {
      padding-bottom: 15px;
   }

   /*search button*/
   ._27wdP {
      position: relative;
      border-radius: 6px;
      border: 2px solid transparent;
      padding: 0px;
      transform: translateY(0);
      transition: transform .15s ease-out;
      width: 35px;
      height: 35px;
   }

   /*below hides the username text*/
   ._2OXCK.aToGy > ._33epa {
      display: none;
   }

   /*compresses some stuff*/
   ._99z2i {
      position: relative;
      height: 52px;
      padding: 0 40px;
      width: 100%;
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      grid-template-areas: "leftside navigation rightside";
      align-items: center;
   }

   ._2-AkR ._3cwJM {
      margin-bottom: 30px;
      padding-top: 30px;
   }

   ._2LCYt.BJiPW {
      padding-bottom: 8px;
   }
   ._3w_tD {
      padding-bottom: 10px;
   }

   ._1fMM8 + ._3Of0V {
      margin-top: 4px;
      padding-bottom: 29px;
   }
   /*below changes the thumbnails to be smaller*/
   /*when i figure out how*/
}

@-moz-document url-prefix("https://www.deviantart.com/watch/deviations") {
   /*all default watch deviations*/
   .Lp1vP._2mNQB {
      border-bottom-color: var(--g-brand);
      margin-bottom: 10px !important;
   }

   /*[[minithumbs]]*/
}

@-moz-document url-prefix("https://www.deviantart.com/watch/posts") {
   /*all default watch posts*/
   .Lp1vP._2mNQB {
      margin-bottom: 10px;
      padding: 10px;
      padding-bottom: 1px;
      padding-top: 14px;
   }
}
@-moz-document url-prefix("https://www.deviantart.com/watch/deviations") {
   /*Recommended for You toggle*/
   .uO3wN {
      display: /*[[recommendedforyou]]*/;
   }
}

Reviews

No reviews yet.