Ignore:
Timestamp:
2021-11-01T21:09:21+13:00 (2 years ago)
Author:
cstephen
Message:

Add support for basic direct input macronisation

File:
1 edited

Legend:

Unmodified
Added
Removed

  • main/trunk/model-interfaces-dev/atea/macron-restoration/src/styles/_material.scss

    r35714 r35715  
    108108.text-container {
    109109    display: flex;
    110     align-items: center;
     110    align-items: flex-start;
    111111    flex-wrap: wrap;
    112112
    … …  
    128128
    129129    border-radius: var(--border-radius) var(--border-radius) 0 0;
     130    border: none;
    130131    border-bottom: 1px solid #AAA;
     132    outline: none;
    131133    cursor: text;
    132134
     135    font-family: var(--body-font-family);
     136    font-size: 1em;
     137
    133138    transition-duration: var(--transition-duration);
    134139
    … …  
    137142    }
    138143
    139     &:active, &:focus {
    140         border-bottom: 1px solid var(--bg-color);
     144    &:active, &:focus, &:focus-visible {
     145        background-color: #CDCDCD;
     146        border-bottom: 2px solid var(--bg-color);
    141147       
    142148        .text-input-active {
Note: See TracChangeset for help on using the changeset viewer.