alice.mosphere.at / phanpy
this repo has no description
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Default modal to light, add solid class instead

Lim Chee Aun 6292557b b79ce92a

+17 -29
-4
src/components/account-info.jsx
··· 1352 1352 </div> 1353 1353 {!!showTranslatedBio && ( 1354 1354 <Modal 1355 - class="light" 1356 1355 onClose={() => { 1357 1356 setShowTranslatedBio(false); 1358 1357 }} ··· 1366 1365 )} 1367 1366 {!!showAddRemoveLists && ( 1368 1367 <Modal 1369 - class="light" 1370 1368 onClose={() => { 1371 1369 setShowAddRemoveLists(false); 1372 1370 }} ··· 1379 1377 )} 1380 1378 {!!showPrivateNoteModal && ( 1381 1379 <Modal 1382 - class="light" 1383 1380 onClose={() => { 1384 1381 setShowPrivateNoteModal(false); 1385 1382 }} ··· 1571 1568 </main> 1572 1569 {showListAddEditModal && ( 1573 1570 <Modal 1574 - class="light" 1575 1571 onClick={(e) => { 1576 1572 if (e.target === e.currentTarget) { 1577 1573 setShowListAddEditModal(false);
-2
src/components/compose.jsx
··· 1254 1254 </div> 1255 1255 {showEmoji2Picker && ( 1256 1256 <Modal 1257 - class="light" 1258 1257 onClick={(e) => { 1259 1258 if (e.target === e.currentTarget) { 1260 1259 setShowEmoji2Picker(false); ··· 1768 1767 </div> 1769 1768 {showModal && ( 1770 1769 <Modal 1771 - class="light" 1772 1770 onClick={(e) => { 1773 1771 if (e.target === e.currentTarget) { 1774 1772 setShowModal(false);
+1 -1
src/components/keyboard-shortcuts-help.jsx
··· 32 32 33 33 return ( 34 34 !!snapStates.showKeyboardShortcutsHelp && ( 35 - <Modal class="light" onClose={onClose}> 35 + <Modal onClose={onClose}> 36 36 <div id="keyboard-shortcuts-help-container" class="sheet" tabindex="-1"> 37 37 <button type="button" class="sheet-close" onClick={onClose}> 38 38 <Icon icon="x" />
+13 -7
src/components/modal.css
··· 10 10 align-items: center; 11 11 background-color: var(--backdrop-color); 12 12 animation: appear 0.5s var(--timing-function) both; 13 - } 14 - #modal-container > div .sheet { 15 - transition: transform 0.3s var(--timing-function); 16 - transform-origin: center bottom; 17 - } 18 - #modal-container > div:has(~ div) .sheet { 19 - transform: scale(0.975); 13 + 14 + &.solid { 15 + background-color: var(--backdrop-solid-color); 16 + } 17 + 18 + .sheet { 19 + transition: transform 0.3s var(--timing-function); 20 + transform-origin: center bottom; 21 + } 22 + 23 + &:has(~ div) .sheet { 24 + transform: scale(0.975); 25 + } 20 26 }
+2 -5
src/components/modals.jsx
··· 35 35 return ( 36 36 <> 37 37 {!!snapStates.showCompose && ( 38 - <Modal> 38 + <Modal class="solid"> 39 39 <Compose 40 40 replyToStatus={ 41 41 typeof snapStates.showCompose !== 'boolean' ··· 109 109 )} 110 110 {!!snapStates.showAccount && ( 111 111 <Modal 112 - class="light" 113 112 onClose={() => { 114 113 states.showAccount = false; 115 114 }} ··· 160 159 )} 161 160 {!!snapStates.showShortcutsSettings && ( 162 161 <Modal 163 - class="light" 164 162 onClose={() => { 165 163 states.showShortcutsSettings = false; 166 164 }} ··· 172 170 )} 173 171 {!!snapStates.showGenericAccounts && ( 174 172 <Modal 175 - class="light" 176 173 onClose={() => { 177 174 states.showGenericAccounts = false; 178 175 }} ··· 188 185 )} 189 186 {!!snapStates.showMediaAlt && ( 190 187 <Modal 191 - class="light" 192 188 onClose={(e) => { 193 189 states.showMediaAlt = false; 194 190 }} ··· 204 200 )} 205 201 {!!snapStates.showEmbedModal && ( 206 202 <Modal 203 + class="solid" 207 204 onClose={() => { 208 205 states.showEmbedModal = false; 209 206 }}
-1
src/components/notification-service.jsx
··· 144 144 const { id, account, notification, sameInstance } = showNotificationSheet; 145 145 return ( 146 146 <Modal 147 - class="light" 148 147 onClick={(e) => { 149 148 if (e.target === e.currentTarget) { 150 149 onClose();
-2
src/components/shortcuts-settings.jsx
··· 457 457 </main> 458 458 {showForm && ( 459 459 <Modal 460 - class="light" 461 460 onClick={(e) => { 462 461 if (e.target === e.currentTarget) { 463 462 setShowForm(false); ··· 481 480 )} 482 481 {showImportExport && ( 483 482 <Modal 484 - class="light" 485 483 onClick={(e) => { 486 484 if (e.target === e.currentTarget) { 487 485 setShowImportExport(false);
-3
src/components/status.jsx
··· 1985 1985 </div> 1986 1986 {!!showEdited && ( 1987 1987 <Modal 1988 - class="light" 1989 1988 onClick={(e) => { 1990 1989 if (e.target === e.currentTarget) { 1991 1990 setShowEdited(false); ··· 2008 2007 )} 2009 2008 {!!showEmbed && ( 2010 2009 <Modal 2011 - class="light" 2012 2010 onClick={(e) => { 2013 2011 if (e.target === e.currentTarget) { 2014 2012 setShowEmbed(false); ··· 2953 2951 </article> 2954 2952 {!!showPeek && ( 2955 2953 <Modal 2956 - class="light" 2957 2954 onClick={(e) => { 2958 2955 if (e.target === e.currentTarget) { 2959 2956 setShowPeek(false);
+1 -1
src/index.css
··· 69 69 --outline-color: rgba(128, 128, 128, 0.2); 70 70 --outline-hover-color: rgba(128, 128, 128, 0.7); 71 71 --divider-color: rgba(0, 0, 0, 0.1); 72 - --backdrop-color: rgba(0, 0, 0, 0.05); 72 + --backdrop-color: rgba(0, 0, 0, 0.1); 73 73 --backdrop-darker-color: rgba(0, 0, 0, 0.25); 74 74 --backdrop-solid-color: #eee; 75 75 --img-bg-color: rgba(128, 128, 128, 0.2);
-2
src/pages/list.jsx
··· 143 143 /> 144 144 {showListAddEditModal && ( 145 145 <Modal 146 - class="light" 147 146 onClick={(e) => { 148 147 if (e.target === e.currentTarget) { 149 148 setShowListAddEditModal(false); ··· 167 166 )} 168 167 {showManageMembersModal && ( 169 168 <Modal 170 - class="light" 171 169 onClick={(e) => { 172 170 if (e.target === e.currentTarget) { 173 171 setShowManageMembersModal(false);
-1
src/pages/lists.jsx
··· 108 108 </div> 109 109 {showListAddEditModal && ( 110 110 <Modal 111 - class="light" 112 111 onClick={(e) => { 113 112 if (e.target === e.currentTarget) { 114 113 setShowListAddEditModal(false);