+8

src/app.css

reviewed

··· 2130 2130 align-items: center; 2131 2131 transition: opacity 0.3s ease-out; 2132 2132 2133 2133 + &.expandable:not(#columns &) { 2134 2134 + @media (min-width: 40em) { 2135 2135 + width: 95vw; 2136 2136 + max-width: calc(320px * 3.3); 2137 2137 + transform: translateX(calc(-50% + var(--main-width) / 2)); 2138 2138 + } 2139 2139 + } 2140 2140 + 2133 2141 &.loading, 2134 2142 .loading > & { 2135 2143 pointer-events: none;

+1

src/components/account-info.css

reviewed

··· 458 458 main { 459 459 margin-top: -8px; 460 460 padding-top: 1px; 461 461 + padding-bottom: 16px; 461 462 } 462 463 463 464 footer {

-1

src/components/compose.jsx

reviewed

··· 392 392 const hasModal = !!modals; 393 393 const hasOnlyComposer = 394 394 modals.length === 1 && modals[0].querySelector('#compose-container'); 395 395 - console.log('hasModal', hasModal, 'hasOnlyComposer', hasOnlyComposer); 396 395 return hasModal && !hasOnlyComposer; 397 396 }, 398 397 },

-10

src/index.css

reviewed

··· 148 148 } 149 149 } 150 150 151 151 - p { 152 152 - /* 153 153 - white-space is shorthand for two values; white-space-collapse and text-wrap 154 154 - https://developer.mozilla.org/en-US/docs/Web/CSS/white-space 155 155 - !important is needed to override higher specificity when elements are styled 156 156 - with `white-space` and 1 value, which doesn't have "pretty" 157 157 - */ 158 158 - text-wrap: pretty !important; 159 159 - } 160 160 - 161 151 a { 162 152 color: var(--link-color); 163 153 text-decoration-color: var(--link-faded-color);

+4 -4

src/pages/trending.css

reviewed

··· 108 108 ); 109 109 transition: background-position-y 0.15s ease-out; 110 110 111 111 - &:is(:hover, :focus-visible) { 112 112 - background-position-y: -40px; 113 113 - } 114 114 - 115 111 figure { 116 112 flex-grow: 1; 117 113 margin: 0 0 -16px; ··· 146 142 hsla(0, 0%, 0%, 0) 100% 147 143 ); 148 144 } 145 145 + } 146 146 + 147 147 + &:is(:hover, :focus-visible) article { 148 148 + background-position-y: -40px; 149 149 } 150 150 151 151 .article-body {

+1 -1

src/pages/trending.jsx

reviewed

··· 120 120 return ( 121 121 <> 122 122 {!!hashtags.length && ( 123 123 - <div class="filter-bar"> 123 123 + <div class="filter-bar expandable"> 124 124 <Icon icon="chart" class="insignificant" size="l" /> 125 125 {hashtags.map((tag, i) => { 126 126 const { name, history } = tag;