ui: makes error message selectable

This commit is contained in:
liushuyu 2019-07-01 10:01:02 +08:00
parent e83cf6cf4e
commit c8699b6e62
No known key found for this signature in database
GPG key ID: 23D1CE4534419437

View file

@ -1,6 +1,8 @@
<template> <template>
<div class="column has-padding"> <div class="column has-padding">
<b-message title="An error occurred" type="is-danger" :closable="false">{{ msg }}</b-message> <b-message title="An error occurred" type="is-danger" :closable="false">
<span id="error_msg">{{ msg }}</span>
</b-message>
<div class="field is-grouped is-right-floating is-bottom-floating"> <div class="field is-grouped is-right-floating is-bottom-floating">
<p class="control"> <p class="control">
<a class="button is-primary is-medium" v-if="remaining" v-on:click="go_back">Back</a> <a class="button is-primary is-medium" v-if="remaining" v-on:click="go_back">Back</a>
@ -18,6 +20,14 @@
white-space: -o-pre-wrap; /* Opera 7 */ white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */ word-wrap: break-word; /* Internet Explorer 5.5+ */
} }
#error_msg {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
cursor: text;
}
</style> </style>
<script> <script>