Style changes

estruyf · Oct 23, 2024 · 61ae29c · 61ae29c
1 parent 0cb7d24
commit 61ae29c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/assets/media/styles.css b/assets/media/styles.css
@@ -131,7 +131,8 @@
 }
 
 .article__tags__dropbox.open {
-  border: 1px solid rgba(0, 0, 0, 0.9);
+  border: 1px solid var(--vscode-focusBorder);
+  width: 100%;
 }
 
 .article__tags ul {

diff --git a/src/panelWebView/hooks/useDropdownStyle.tsx b/src/panelWebView/hooks/useDropdownStyle.tsx
@@ -1,7 +1,7 @@
 import { useCallback } from 'react';
 
 export default function useDropdownStyle(inputRef: React.MutableRefObject<HTMLInputElement | null>, inputHeight?: string) {
-  const bottomStyle = `calc(100% - ${inputHeight || '38px'})`;
+  const bottomStyle = `calc(100% - ${inputHeight || '5px'})`;
   const listItemHeight = 28;
 
   const getDropdownStyle = useCallback((isOpen) => {

diff --git a/src/panelWebView/styles.css b/src/panelWebView/styles.css
@@ -839,6 +839,8 @@ vscode-divider {
   bottom: 0;
   width: auto;
 
+  border-radius: 0 0.25rem 0.25rem 0;
+
   &:disabled {
     background: none;
     filter: brightness(100%);
@@ -947,6 +949,8 @@ vscode-divider {
   display: flex;
   align-items: center;
 
+  border-radius: 0 0.25rem 0.25rem 0;
+
   span {
     margin-right: 0.5rem;
     font-size: 0.8rem;