diff options
| author | korelstar <korelstar@users.noreply.github.com> | 2017-11-13 15:12:45 +0300 |
|---|---|---|
| committer | Hendrik Leppelsack <hendrik@leppelsack.de> | 2017-11-13 15:12:45 +0300 |
| commit | 2eea48b05d03e459a996677f9d3ac07fb00e499d (patch) | |
| tree | 6b32d5c4827452835ef4c21afb02874fbbf8f0e6 /css | |
| parent | 7182d319077374b05e42a639473fff47b8272775 (diff) | |
Fix error handling for save / manual save (#137)
Diffstat (limited to 'css')
| -rw-r--r-- | css/notes.css | 25 |
1 files changed, 19 insertions, 6 deletions
diff --git a/css/notes.css b/css/notes.css index 4240e7dd..6600f597 100644 --- a/css/notes.css +++ b/css/notes.css @@ -136,22 +136,35 @@ position: relative; padding: 0 45px 30px 45px; margin: -10px 0 0; - opacity: .4; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; z-index: 5; } +#app-content .note-meta > * { + opacity: .4; +} +#app-content .note-meta > .note-error { + opacity: 1; + background-color: #e00; + color: #fff; + border-radius: 0.5ex; + padding: 0.5ex 1ex; +} #app-content .note-meta-right { float: right; } -#app-content .saving { - background: url('../img/loading.gif') no-repeat right 15px top 15px / 24px !important; - /* Overrides the snap.js animation making the loading icon to fly in app-content. */ - transition: none !important; - -webkit-transition: none !important; +#app-content .note-meta > .saving { + display: inline-block; + vertical-align: middle; + width: 2.5ex; + height: 2.5ex; + background: url('../img/loading.gif') no-repeat; + background-size: contain; + opacity: 1; + margin: 0 1ex; } .btn-fullscreen { padding: 15px; |