|
|
| Line 75: |
Line 75: |
| .creation-row .mw-inputbox-centered form > *:last-child:active:not(:disabled) { | | .creation-row .mw-inputbox-centered form > *:last-child:active:not(:disabled) { |
| transform: translateY(0); | | transform: translateY(0); |
| }
| |
|
| |
| /* Disabled look */
| |
| .creation-row .mw-inputbox-centered form > *:last-child:disabled {
| |
| background-color: #f5f5f5;
| |
| border-color: #ccc;
| |
| color: #888;
| |
| cursor: not-allowed;
| |
| }
| |
|
| |
| /* Force disabled create buttons in CreateHub to match outline aesthetic */
| |
| .creation-row .mw-inputbox-centered input[disabled],
| |
| .creation-row .mw-inputbox-centered button[disabled] {
| |
| width: 260px;
| |
| height: 40px;
| |
| box-sizing: border-box;
| |
|
| |
| border: 1.5px solid #000; /* black border even when disabled */
| |
| border-radius: 2px;
| |
| background-color: #f5f5f5; /* light grey fill */
| |
| color: #888; /* readable grey text */
| |
|
| |
| font-weight: 600;
| |
| font-size: 0.95rem;
| |
| text-align: center;
| |
|
| |
| box-shadow: none;
| |
| cursor: not-allowed;
| |
| }
| |
|
| |
| /* When enabled, keep the outline + hover behaviour */
| |
| .creation-row .mw-inputbox-centered input:not([disabled]),
| |
| .creation-row .mw-inputbox-centered button:not([disabled]) {
| |
| border: 1.5px solid #000;
| |
| border-radius: 2px;
| |
| background: transparent;
| |
| color: #000;
| |
| }
| |
|
| |
| .creation-row .mw-inputbox-centered input:not([disabled]):hover,
| |
| .creation-row .mw-inputbox-centered button:not([disabled]):hover {
| |
| background-color: #f2f2f2;
| |
| transform: translateY(-1px);
| |
| transition:
| |
| background-color 0.2s ease,
| |
| transform 0.15s ease,
| |
| border-color 0.15s ease;
| |
| } | | } |