Skip to content

Tw TOP DIV by dkloke

Screenshot of Tw TOP DIV

Details

Authordkloke

LicenseNo License

Categorytwitter

Created

Updated

Size2.7 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

"Home" and other menus reduced to orange dot that expands on flyover.
new tweets ("Tweeted") alert 33% opaque (enough to read through and not have to scroll around), full opaque on hover
Probably going to break on the next recompile of the UI engine.

Notes

2023.03.17

  • updated query for fade the "Tweeted" popup
    2023.02.02
  • fade the "Tweeted" popup
    2023.01.16
  • Works with Default, Dim, and Lights Out themes
    2023.01.13
  • original

Source code

/* ==UserStyle==
@name         Tw TOP DIV
@version      20230406.03.10
@namespace    userstyles.world/user/dkloke
@description  "Home" and other menus reduced to orange dot that expands on flyover.
Probably going to break on the  next recompile of the UI engine.
@author       dkloke
@license      No License
==/UserStyle== */

@-moz-document domain("twitter.com") {
@name  Tw TOP DIV 2023.01.13
@namespace twitter.com
@version 0.3.4.05

/* contained elements */
div.css-1dbjc4n.r-1e5uvyk.r-ii8lfi *,
div.css-1dbjc4n.r-1e5uvyk.r-6026j *,
div.css-1dbjc4n.r-1e5uvyk.r-5zmot *
{
    height: 32px;
    opacity: 100%;
}
/* target container */
div.css-1dbjc4n.r-1e5uvyk
{
    position: absolute;
    right:0px;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    overflow: hidden;
    background-color: #f50;
    border: solid 1px #f50;
    pointer-events: auto; 
}
/* target hover behavior */
div.css-1dbjc4n.r-1e5uvyk.r-ii8lfi:hover,
div.css-1dbjc4n.r-1e5uvyk.r-6026j:hover,
div.css-1dbjc4n.r-1e5uvyk.r-5zmot:hover
{
    width: initial;
    height: initial;
    border-radius: revert;
    overflow: revert;
    background-color: revert;
    text-shadow: #777 1px 0 10px;
}
/* click/hover through top area */
div.css-1dbjc4n.r-aqfbo4.r-gtdqiz.r-1gn8etr.r-1g40b8q  {
    pointer-events: none; 
}
/* hide the buttons */
/* [data-testid$="ButtonWrapperx"] { */
/*     display: none; */
/*     transform: scale(0.5); */
/* } */

/* SVG shadow for icons */
svg
{
  filter: drop-shadow( 0 0 10px rgb(0 0 0 / 0.9));
}

/* search field under Explore */
div.css-1dbjc4n.r-1awozwy.r-18u37iz.r-16y2uox.r-1wbh5a2
{
    position: fixed;
    top:2px;
    width:300px;
    overflow: visible;
}
/* hide underline for active mode*/
/* div.css-1dbjc4n.r-1kihuf0 { display: none; } */


}

@-moz-document domain("twitter.com") {
/* make floating new tweets ("Tweeted") alert 33% opaque (enough to read through and not have to scroll around), full opaque on hover */
/* div.css-1dbjc4n.r-1aqtj8z.r-6dt33c.r-1kw4oii.r-d3hbe1.r-eafdt9.r-1b8bd59.r-6czh2s:not(:hover), */
div.css-18t94o4.css-1dbjc4n.r-2r9icm.r-sdzlij.r-tznlht:not(:hover)
/* css-18t94o4 css-1dbjc4n r-2r9icm r-sdzlij r-tznlht r-1777fci r-1ny4l3l r-ymttw5 r-oyd9sg r-o7ynqc r-6416eg */
/* ,css-1dbjc4n.r-633pao.r-u8s1d.r-dkhcqf.r-axxi2z.r-18jm5s1.r-13qz1uu.r-1wyyakw */
/* div.css-1dbjc4n.r-1awozwy */
{
    opacity: 0.33;
}

/* hide the doge */
div.css-901oao.r-1awozwy.r-6koalj.r-18u37iz.r-16y2uox.r-1qd0xha.r-a023e6.r-b88u0q.r-1777fci.r-rjixqe.r-bcqeeo.r-q4m81j.r-qvutc0 svg.r-jwli3a.r-4qtqp9.r-yyyyoo.r-16y2uox.r-8kz0gk.r-dnmrzs.r-bnwqim.r-1plcrui.r-lrvibr.r-lrsllp {
    display: none;
    height: 0;
}
}

Reviews

No reviews yet.