feat: action bar at the bottom on mobile devices (#681)

apps/readest-app/src/app/reader/components/annotator/Annotator.tsx

@@ -78,7 +78,7 @@ const Annotator: React.FC<{ bookKey: string }> = ({ bookKey }) => {
   const transPopupHeight = Math.min(360, maxHeight);
   const annotPopupWidth = useResponsiveSize(300);
   const annotPopupHeight = useResponsiveSize(44);
-  const androidSelectionHandlerHeight = 8;
+  const androidSelectionHandlerHeight = 0;
 
   const onLoad = (event: Event) => {
     const detail = (event as CustomEvent).detail;

apps/readest-app/src/app/reader/components/annotator/WikipediaPopup.tsx

@@ -114,7 +114,7 @@ const WikipediaPopup: React.FC<WikipediaPopupProps> = ({
           <main className='flex-grow overflow-y-auto px-2 font-sans'></main>
           <footer className='mt-auto hidden data-[state=loaded]:block data-[state=error]:hidden data-[state=loading]:hidden'>
             <div className='flex items-center px-4 py-2 text-sm opacity-60'>
-              From Wikipedia, released under the CC BY-SA License.
+              Source: Wikipedia (CC BY-SA)
             </div>
           </footer>
         </div>

apps/readest-app/src/app/reader/components/annotator/WiktionaryPopup.tsx

@@ -169,7 +169,7 @@ const WiktionaryPopup: React.FC<WiktionaryPopupProps> = ({
           <main className='flex-grow overflow-y-auto p-4 font-sans' />
           <footer className='mt-auto hidden data-[state=loaded]:block data-[state=error]:hidden data-[state=loading]:hidden'>
             <div className='flex items-center px-4 py-2 text-sm opacity-60'>
-              From Wiktionary, released under the CC BY-SA License.
+              Source: Wiktionary (CC BY-SA)
             </div>
           </footer>
         </div>