style: Run Prettier and fix up EditorConfig issues

This commit is contained in:
pan93412
2022-11-20 14:00:21 +08:00
parent 39dad22ac1
commit b66f0e4da7
12 changed files with 269 additions and 273 deletions

74
dist/twitter.css vendored
View File

@@ -1,22 +1,22 @@
[data-testid='placementTracking'] article,
a[href*='quick_promote_web'],
[data-testid='AppTabBar_Explore_Link'],
a[href*='/lists'][role='link'][aria-label],
a[href='/i/bookmarks'] {
[data-testid="placementTracking"] article,
a[href*="quick_promote_web"],
[data-testid="AppTabBar_Explore_Link"],
a[href*="/lists"][role="link"][aria-label],
a[href="/i/bookmarks"] {
display: none !important;
}
/* Hide Messages Drawer */
[data-testid='DMDrawer'] {
[data-testid="DMDrawer"] {
visibility: hidden !important;
}
[data-testid='primaryColumn'] > div > div {
[data-testid="primaryColumn"] > div > div {
position: relative !important;
}
/* Hide sidebar */
[data-testid='sidebarColumn'] {
[data-testid="sidebarColumn"] {
visibility: hidden !important;
width: 0 !important;
margin: 0 !important;
@@ -29,76 +29,76 @@ a[href='/i/bookmarks'] {
@media only screen and (min-width: 1000px) {
/* Center the Timeline */
/* Prevent horizontal scroll */
main[role='main'] {
main[role="main"] {
align-items: center !important;
overflow-x: clip !important;
}
/* Match widths for feed */
[data-testid='primaryColumn'] {
[data-testid="primaryColumn"] {
width: 700px !important;
max-width: 700px !important;
margin: 0 auto !important;
}
[data-testid='primaryColumn'] > div > div:last-child,
[data-testid='primaryColumn'] > div > div:last-child div {
[data-testid="primaryColumn"] > div > div:last-child,
[data-testid="primaryColumn"] > div > div:last-child div {
max-width: unset !important;
}
/* Nudge engagement row 81px right */
/* In default feed: 506px - 425px */
div[aria-label][role='group'][id^='id__'] {
div[aria-label][role="group"][id^="id__"] {
margin-right: 81px !important;
}
/* Fix navigation to left */
header[role='banner'] {
header[role="banner"] {
position: fixed !important;
left: 0 !important;
}
header[role='banner'] > div > div > div {
header[role="banner"] > div > div > div {
justify-content: center !important;
padding-top: 0;
}
form[role='search'] > div:nth-child(1) > div {
form[role="search"] > div:nth-child(1) > div {
background-color: transparent !important;
}
/* Align Twitter navigation icon with search */
h1[role='heading'] {
h1[role="heading"] {
padding-top: 4px !important;
}
/* Navigation buttons labels and Account button label on hover */
header[role='banner']
nav[role='navigation']
header[role="banner"]
nav[role="navigation"]
*
div[dir='auto']:not([aria-label])
div[dir="auto"]:not([aria-label])
> span,
[data-testid='SideNav_AccountSwitcher_Button'] > div:not(:first-child) {
[data-testid="SideNav_AccountSwitcher_Button"] > div:not(:first-child) {
display: inline-block !important;
opacity: 0 !important;
transition: 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
}
header[role='banner']
nav[role='navigation']:hover
header[role="banner"]
nav[role="navigation"]:hover
*
div[dir='auto']:not([aria-label])
div[dir="auto"]:not([aria-label])
> span,
[data-testid='SideNav_AccountSwitcher_Button']:hover > div:not(:first-child) {
[data-testid="SideNav_AccountSwitcher_Button"]:hover > div:not(:first-child) {
opacity: 1 !important;
}
header[role='banner'] nav[role='navigation']:hover > * > div {
header[role="banner"] nav[role="navigation"]:hover > * > div {
backdrop-filter: blur(12px) !important;
}
header[role='banner'] nav[role='navigation'] > a {
header[role="banner"] nav[role="navigation"] > a {
position: relative;
}
header[role='banner'] nav[role='navigation'] > a::before {
content: '';
header[role="banner"] nav[role="navigation"] > a::before {
content: "";
position: absolute;
top: 0px;
right: -40px;
@@ -106,13 +106,13 @@ a[href='/i/bookmarks'] {
left: 0px;
}
/* Align account button with floating tweet button */
[data-testid='SideNav_AccountSwitcher_Button'] {
[data-testid="SideNav_AccountSwitcher_Button"] {
bottom: 18px !important;
left: 1px !important;
}
/* Floating Tweet Button */
[data-testid='SideNav_NewTweet_Button'] {
[data-testid="SideNav_NewTweet_Button"] {
position: fixed !important;
right: 16px !important;
bottom: 24px !important;
@@ -129,7 +129,7 @@ a[href='/i/bookmarks'] {
/* Reveal searchbar and search filters at desktop breakpoint */
@media only screen and (min-width: 1265px) {
/* Reveal searchbar */
[data-testid='sidebarColumn'] form[role='search'] {
[data-testid="sidebarColumn"] form[role="search"] {
visibility: visible !important;
position: fixed !important;
top: 12px !important;
@@ -137,27 +137,27 @@ a[href='/i/bookmarks'] {
}
/* Match size of input the placeholder content */
[data-testid='sidebarColumn'] input[placeholder='Search Twitter'] {
[data-testid="sidebarColumn"] input[placeholder="Search Twitter"] {
width: 150px;
}
/* Match size of focused search container to its dropdown */
/* Add blur filter to search container for overlap */
[data-testid='sidebarColumn'] form[role='search']:focus-within {
[data-testid="sidebarColumn"] form[role="search"]:focus-within {
width: 374px !important;
backdrop-filter: blur(12px) !important;
}
/* Match size of focused search input to its dropdown */
[data-testid='sidebarColumn'] input[placeholder='Search Twitter']:focus {
[data-testid="sidebarColumn"] input[placeholder="Search Twitter"]:focus {
width: 328px !important;
}
/* Reset width and left positioning to align search dropdown */
div[style*='left: -12px'] {
div[style*="left: -12px"] {
left: unset !important;
}
div[style='left: -8px; width: 306px;'] {
div[style="left: -8px; width: 306px;"] {
left: unset !important;
width: 374px !important;
}