Changeset 35437


Ignore:
Timestamp:
2021-09-21T10:21:26+12:00 (3 years ago)
Author:
cstephen
Message:

UI cleanup

Location:
main/trunk/model-interfaces-dev/atea/korero-maori-asr/src
Files:
4 edited

Legend:

Unmodified
Added
Removed

  • main/trunk/model-interfaces-dev/atea/korero-maori-asr/src/App.vue

    r35432 r35437  
    11<template>
    2     <!-- Used to calculate the character size of our monospace font -->
    3     <span class="monospace-font-sizer">ngā tama a rangi</span>
    4 
    52    <div class="app-bar">
    63        <div class="app-bar-content">
    … …  
    4138#transcription-list {
    4239    margin-bottom: 1em;
    43 }
    44 
    45 .monospace-font-sizer {
    46     font: var(--monospace-font);
    47     padding: 0;
    48     position: absolute;
    49     top: -100px;
    5040}
    5141

  • main/trunk/model-interfaces-dev/atea/korero-maori-asr/src/components/TranscriptionItem.vue

    r35431 r35437  
    33        <!-- Header containing info and actions for the transcription -->
    44        <div class="transcription__header">
    5             <button class="btn-fab" v-on:click="playAudio(0)" type="button">
     5            <button class="btn-fab" v-on:click="playAudio(0)" type="button" title="Play Audio">
    66                <span class="material-icons mdi-l">play_arrow</span>
    77            </button>

  • main/trunk/model-interfaces-dev/atea/korero-maori-asr/src/components/TranscriptionItemEditor.vue

    r35436 r35437  
    11<template>
    22<div>
    3     <div class="editor-controls">
    4         <audio-time-bar v-model.number="currentPlaybackTime" :audio-length="playbackState.length" :isDisabled="playbackState.id != transcription.id" />
    5 
    6         <toggle-button v-model="enableEditing">
    7             <span class="material-icons .mdi-m">edit</span>
    8         </toggle-button>
    9     </div>
    10 
    113    <div class="text-container words-container" :hidden="enableEditing">
    124        <ul class="list-view" v-if="!enableEditing">
    … …  
    2618            </li>
    2719        </ul>
     20    </div>
     21
     22    <div class="editor-controls">
     23        <audio-time-bar v-model.number="currentPlaybackTime" :audio-length="playbackState.length" :isDisabled="playbackState.id != transcription.id" />
     24
     25        <toggle-button v-model="enableEditing" title="Toggle Edit Mode">
     26            <span class="material-icons .mdi-m">edit</span>
     27        </toggle-button>
    2828    </div>
    2929</div>

  • main/trunk/model-interfaces-dev/atea/korero-maori-asr/src/styles/_material.scss

    r35432 r35437  
    127127    display: flex;
    128128    align-items: center;
     129    flex-wrap: wrap;
    129130
    130131    border-radius: var(--border-radius);
    131132    background: #DDD;
    132133    padding: 0.5em;
    133 
    134     .text-placeholder {
    135         cursor: default;
    136     }
    137134}
    138135
    … …  
    185182.text-placeholder {
    186183    color: #666;
    187     cursor: default;
     184    cursor: inherit;
    188185    font-style: italic;
    189186    cursor: inherit;
Note: See TracChangeset for help on using the changeset viewer.