diff options
author | Bernhard Posselt <dev@bernhard-posselt.com> | 2014-09-12 02:07:01 +0200 |
---|---|---|
committer | Bernhard Posselt <dev@bernhard-posselt.com> | 2014-09-12 02:07:01 +0200 |
commit | aee7a83449230f8835c6d98838c565303b633fc1 (patch) | |
tree | b6a32c6d6aeda6c996b7bd75bc07cb4fc94f1dcb /css | |
parent | 6f68f42535cb84bc9e28848cfc4f72cd53f2141d (diff) |
add styling for error, disable draggable on error
Diffstat (limited to 'css')
-rw-r--r-- | css/navigation.css | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/css/navigation.css b/css/navigation.css index 2964d9285..b1b11faed 100644 --- a/css/navigation.css +++ b/css/navigation.css @@ -94,5 +94,51 @@ #app-navigation .feed { text-transform: none; } +/** + * Error message + */ +#app-navigation .error-message { + padding: 15px; + background-color: #DE1212; + color: #fff; + position: relative; +} +#app-navigation .ui-state-disabled { + opacity: 1; +} +#app-navigation .error-message .title { + font-weight: bold; + padding-right: 30px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +#app-navigation .error-message:hover .title +#app-navigation .error-message:hover .message { + +} + +#app-navigation .error-message button { + top: 0; + right: 0; + position: absolute; + margin: 0; + padding: 0; + height: 44px; + width: 44px; + padding: 15px; + border: 0; + background-size: 25px; + background-color: transparent; + background-image: url('../img/close.svg'); + background-repeat: no-repeat; + background-position: right 5px top 5px; + opacity: .9; +} + +#app-navigation .error-message button:hover { + opacity: 1; +} |