MediaWiki:Vector-2022.css: Difference between revisions

← Older edit

@@ Line 94: / Line 94: @@
 }
@@ Line 101: / Line 103: @@
 /* Keep the wrapper shape the same in all states */
 .vector-search-box .cdx-text-input {
-   border: 1px solid #c5d0e3 !important; /* constant width -> no height pop */
+   border: 0;
    border-radius: 25px !important;
    background: transparent !important;
@@ Line 110: / Line 112: @@
 /* On focus, don't change size; (optional) keep same border color to avoid flicker */
 .vector-search-box .cdx-text-input:focus-within {
-   border-color: #c5d0e3 !important;  /* or your accent if you want */
+   border: 0;
    box-shadow: none !important;
 }
@@ Line 117: / Line 119: @@
 .vector-search-box .cdx-text-input__input,
 #searchInput {
-  box-sizing: border-box !important;
    height: 42px !important;
-  line-height: 42px !important;
-  padding: 0 14px !important;         /* right padding */
    background-color: #E9EEF6 !important;
-  color: #1f1f1f !important;
+   border: 0;
-   border: 0 !important;
    border-radius: 25px !important;
-  outline: none !important;
    box-shadow: none !important;
-  transition: none !important;
 }
-/* Reserve icon space ALWAYS (before and during focus) */
-.vector-search-box .cdx-text-input--has-start-icon .cdx-text-input__input,
-.vector-search-box .cdx-text-input:focus-within .cdx-text-input__input {
-  padding-left: 38px !important;      /* 20px icon + gap; tweak if needed */
-  background-color: #E9EEF6 !important;
-}
 /* Fix your earlier typo so layout stays stable */
@@ Line 145: / Line 136: @@
 }
-/* Prevent Codex from changing look on focus */
 .vector-header-end .cdx-text-input:focus-within,
 #vector-sticky-header .cdx-text-input:focus-within,
@@ Line 152: / Line 143: @@
      background-color: #E9EEF6 !important;
      border: 0 !important;
-     border-radius: 12px !important;
+     border-radius: 25px !important;
      box-shadow: none !important;
      outline: none !important;
      height: 42px !important;
-    color: rgb(31, 31, 31) !important;
 }
+.cdx-button.cdx-search-input__end-button {
+border-radius: 25px !important;
+background-color: rgb(194, 231, 255);
+border: 0;
+color: rgb(0, 29, 53);
+letter-spacing: 0.5px;
+}