Fixe missing modal and add user feedback to flat buttons in analysis

This commit is contained in:
Stephan Porada 2020-07-21 15:30:56 +02:00
parent 5b9afbc66c
commit 3cb8ec9697
5 changed files with 25 additions and 8 deletions

View File

@ -28,6 +28,16 @@ main {
height: 19.5px !important; height: 19.5px !important;
} }
/* flat-interaction addition to show background color */
.flat-interaction {
background-color: #DCDCDC !important;
}
.flat-interaction:hover {
background-color: #FFFFFF !important;
}
/* CSS for clickable th elements in tables. Needed for sortable table data with /* CSS for clickable th elements in tables. Needed for sortable table data with
list js. On click on th header elements will be sorted accordingly. Also a caret list js. On click on th header elements will be sorted accordingly. Also a caret
indicator will show up how the column is sorted right now.; */ indicator will show up how the column is sorted right now.; */

View File

@ -9,7 +9,8 @@
class="waves-effect class="waves-effect
waves-light waves-light
btn-flat btn-flat
disabled" disabled
flat-interaction"
type="submit">Action One type="submit">Action One
<i class="material-icons left">cloud</i> <i class="material-icons left">cloud</i>
</button> </button>
@ -19,7 +20,8 @@
class="waves-effect class="waves-effect
waves-light waves-light
btn-flat btn-flat
disabled" disabled
flat-interaction"
type="submit">Action Two type="submit">Action Two
<i class="material-icons left">add</i> <i class="material-icons left">add</i>
</button> </button>

View File

@ -9,7 +9,8 @@ the selected sub results.-->
<button class="waves-effect <button class="waves-effect
waves-light waves-light
btn-flat btn-flat
disabled" disabled
flat-interaction"
type="submit" type="submit"
id="results-create">Create Results id="results-create">Create Results
<i class="material-icons left">build</i> <i class="material-icons left">build</i>
@ -18,7 +19,8 @@ the selected sub results.-->
class="waves-effect class="waves-effect
waves-light waves-light
btn-flat btn-flat
hide" hide
flat-interaction"
type="submit">Results type="submit">Results
<i class="material-icons left">file_download</i> <i class="material-icons left">file_download</i>
</button> </button>
@ -28,7 +30,8 @@ the selected sub results.-->
waves-light waves-light
btn-flat btn-flat
hide hide
disabled" disabled
flat-interaction"
type="submit" type="submit"
id="sub-results-create">Create Sub-Results id="sub-results-create">Create Sub-Results
<i class="material-icons left">build</i> <i class="material-icons left">build</i>
@ -37,7 +40,8 @@ the selected sub results.-->
class="waves-effect class="waves-effect
waves-light waves-light
btn-flat btn-flat
hide" hide
flat-interaction"
type="submit">Sub-Results type="submit">Sub-Results
<i class="material-icons left">file_download</i> <i class="material-icons left">file_download</i>
</button> </button>

View File

@ -10,7 +10,8 @@ result.-->
<button id="show-metadata" <button id="show-metadata"
class="waves-effect class="waves-effect
waves-light waves-light
btn-flat" btn-flat
flat-interaction"
type="submit">Corpus Metadata type="submit">Corpus Metadata
<i class="material-icons left">info_outline</i> <i class="material-icons left">info_outline</i>
</button> </button>

View File

@ -93,7 +93,7 @@
contextPerItemElement = document.getElementById("display-options-form-result_context"); contextPerItemElement = document.getElementById("display-options-form-result_context");
paginationElements = document.getElementsByClassName("pagination"); paginationElements = document.getElementsByClassName("pagination");
contextModal = document.getElementById("context-modal"); contextModal = document.getElementById("context-modal");
metaDataModal = document.getElementById("metadata-modal"); metaDataModal = document.getElementById("meta-data-modal");
showMetaDataButton = document.getElementById("show-metadata"); showMetaDataButton = document.getElementById("show-metadata");
// js list options // js list options