fix styling

This commit is contained in:
Tom
2023-05-26 20:54:23 +02:00
parent af3dbb9dcf
commit b1db4f1776
7 changed files with 12 additions and 11 deletions
+2 -2
View File
@@ -225,8 +225,8 @@ const ReplyModal = ({ isOpen, closeModal }) => {
</div> </div>
<div id="form"> <div id="form">
<div> <div>
{account.author.displayName ? ( {account.author?.displayName ? (
<input id="name" type="text" value={account.author.displayName} ref={nameRef} disabled /> <input id="name" type="text" value={account.author?.displayName} ref={nameRef} disabled />
) : ( ) : (
<input id="name" type="text" placeholder="Anonymous" ref={nameRef} /> <input id="name" type="text" placeholder="Anonymous" ref={nameRef} />
)} )}
@@ -83,6 +83,7 @@ export const GlobalStyle = createGlobalStyle`
position: absolute; position: absolute;
left: 100%; left: 100%;
top: 0; top: 0;
list-style: none;
} }
.dropdown:hover .dropdown-menu { .dropdown:hover .dropdown-menu {
+2 -2
View File
@@ -485,7 +485,7 @@ const All = () => {
onMouseOver={() => {setIsImageSearchOpen(true)}} onMouseOver={() => {setIsImageSearchOpen(true)}}
onMouseLeave={() => {setIsImageSearchOpen(false)}}> onMouseLeave={() => {setIsImageSearchOpen(false)}}>
Image search » Image search »
<ul className="dropdown-menu" <ul className="dropdown-menu post-menu-catalog"
style={{display: isImageSearchOpen ? 'block': 'none'}}> style={{display: isImageSearchOpen ? 'block': 'none'}}>
<li> <li>
<a <a
@@ -673,7 +673,7 @@ const All = () => {
onMouseOver={() => {setIsImageSearchOpen(true)}} onMouseOver={() => {setIsImageSearchOpen(true)}}
onMouseLeave={() => {setIsImageSearchOpen(false)}}> onMouseLeave={() => {setIsImageSearchOpen(false)}}>
Image search » Image search »
<ul className="dropdown-menu" <ul className="dropdown-menu post-menu-catalog"
style={{display: isImageSearchOpen ? 'block': 'none'}}> style={{display: isImageSearchOpen ? 'block': 'none'}}>
<li> <li>
<a <a
+2 -2
View File
@@ -926,7 +926,7 @@ const Board = () => {
onMouseOver={() => {setIsImageSearchOpen(true)}} onMouseOver={() => {setIsImageSearchOpen(true)}}
onMouseLeave={() => {setIsImageSearchOpen(false)}}> onMouseLeave={() => {setIsImageSearchOpen(false)}}>
Image search » Image search »
<ul className="dropdown-menu" <ul className="dropdown-menu post-menu-catalog"
style={{display: isImageSearchOpen ? 'block': 'none'}}> style={{display: isImageSearchOpen ? 'block': 'none'}}>
<li onClick={() => handleOptionClick(thread.cid)}> <li onClick={() => handleOptionClick(thread.cid)}>
<a <a
@@ -1132,7 +1132,7 @@ const Board = () => {
onMouseOver={() => {setIsImageSearchOpen(true)}} onMouseOver={() => {setIsImageSearchOpen(true)}}
onMouseLeave={() => {setIsImageSearchOpen(false)}}> onMouseLeave={() => {setIsImageSearchOpen(false)}}>
Image search » Image search »
<ul className="dropdown-menu" <ul className="dropdown-menu post-menu-catalog"
style={{display: isImageSearchOpen ? 'block': 'none'}}> style={{display: isImageSearchOpen ? 'block': 'none'}}>
<li onClick={() => handleOptionClick(reply.cid)}> <li onClick={() => handleOptionClick(reply.cid)}>
<a <a
+1 -1
View File
@@ -781,7 +781,7 @@ const Catalog = () => {
onMouseOver={() => {setIsImageSearchOpen(true)}} onMouseOver={() => {setIsImageSearchOpen(true)}}
onMouseLeave={() => {setIsImageSearchOpen(false)}}> onMouseLeave={() => {setIsImageSearchOpen(false)}}>
Image search » Image search »
<ul className="dropdown-menu" <ul className="dropdown-menu post-menu-catalog"
style={{display: isImageSearchOpen ? 'block': 'none'}}> style={{display: isImageSearchOpen ? 'block': 'none'}}>
<li onClick={() => handleOptionClick(thread.cid)}> <li onClick={() => handleOptionClick(thread.cid)}>
<a <a
+2 -2
View File
@@ -490,7 +490,7 @@ const Subscriptions = () => {
onMouseOver={() => {setIsImageSearchOpen(true)}} onMouseOver={() => {setIsImageSearchOpen(true)}}
onMouseLeave={() => {setIsImageSearchOpen(false)}}> onMouseLeave={() => {setIsImageSearchOpen(false)}}>
Image search » Image search »
<ul className="dropdown-menu" <ul className="dropdown-menu post-menu-catalog"
style={{display: isImageSearchOpen ? 'block': 'none'}}> style={{display: isImageSearchOpen ? 'block': 'none'}}>
<li> <li>
<a <a
@@ -678,7 +678,7 @@ const Subscriptions = () => {
onMouseOver={() => {setIsImageSearchOpen(true)}} onMouseOver={() => {setIsImageSearchOpen(true)}}
onMouseLeave={() => {setIsImageSearchOpen(false)}}> onMouseLeave={() => {setIsImageSearchOpen(false)}}>
Image search » Image search »
<ul className="dropdown-menu" <ul className="dropdown-menu post-menu-catalog"
style={{display: isImageSearchOpen ? 'block': 'none'}}> style={{display: isImageSearchOpen ? 'block': 'none'}}>
<li> <li>
<a <a
+2 -2
View File
@@ -885,7 +885,7 @@ const Thread = () => {
onMouseOver={() => {setIsImageSearchOpen(true)}} onMouseOver={() => {setIsImageSearchOpen(true)}}
onMouseLeave={() => {setIsImageSearchOpen(false)}}> onMouseLeave={() => {setIsImageSearchOpen(false)}}>
Image search » Image search »
<ul className="dropdown-menu" <ul className="dropdown-menu post-menu-catalog"
style={{display: isImageSearchOpen ? 'block': 'none'}}> style={{display: isImageSearchOpen ? 'block': 'none'}}>
<li onClick={() => handleOptionClick(comment.cid)}> <li onClick={() => handleOptionClick(comment.cid)}>
<a <a
@@ -1065,7 +1065,7 @@ const Thread = () => {
onMouseOver={() => {setIsImageSearchOpen(true)}} onMouseOver={() => {setIsImageSearchOpen(true)}}
onMouseLeave={() => {setIsImageSearchOpen(false)}}> onMouseLeave={() => {setIsImageSearchOpen(false)}}>
Image search » Image search »
<ul className="dropdown-menu" <ul className="dropdown-menu post-menu-catalog"
style={{display: isImageSearchOpen ? 'block': 'none'}}> style={{display: isImageSearchOpen ? 'block': 'none'}}>
<li onClick={() => handleOptionClick(reply.cid)}> <li onClick={() => handleOptionClick(reply.cid)}>
<a <a