diff options
| -rw-r--r-- | web/cobrands/sass/_layout.scss | 42 | ||||
| -rw-r--r-- | web/js/fixmystreet-admin.js | 10 |
2 files changed, 50 insertions, 2 deletions
diff --git a/web/cobrands/sass/_layout.scss b/web/cobrands/sass/_layout.scss index 9f7057587..f745e266f 100644 --- a/web/cobrands/sass/_layout.scss +++ b/web/cobrands/sass/_layout.scss @@ -1053,10 +1053,48 @@ $button_bg_col: #a1a1a1; // also search bar (tables) padding:1em; margin: 1em 0; } + .admin-hint { + cursor: pointer; + display: inline-block; + float:left; + overflow: hidden; + padding: 0.2em; + margin-right: 0.666em; + text-align: center; + color: #fff; + font-weight: bold; + background-color: #f93; + -moz-border-radius: 0.333em; + -webkit-border-radius: 0.333em; + border-radius: 0.333em; + p { + display:none; + } + &:before { content: "?" } + &.admin-hint-show { + text-align: left; + display: block; + float:none; + margin:1em 0; + &:before { content: "" } + background-color: inherit !important; + p { + font-weight: normal; + display: block; + font-size: 80%; + background-color: #ff9; + color: #000; + border-style: solid; + border-width: 1px; + border-left-width: 1em; + border-color: #f93; + padding:1em; + margin: 0; + } + } + } } - - /* MEDIA QUERIES */ @media only screen and (min-width: 48em) and (max-width: 61em) { .container { diff --git a/web/js/fixmystreet-admin.js b/web/js/fixmystreet-admin.js index d55bbab21..27be7f14d 100644 --- a/web/js/fixmystreet-admin.js +++ b/web/js/fixmystreet-admin.js @@ -21,5 +21,15 @@ $(function(){ $('#send_method').on('change', hide_or_show_open311); hide_or_show_open311(); } + + // admin hints: maybe better implemented as tooltips? + $(".admin-hint").on('click', function(){ + if ($(this).hasClass('admin-hint-show')) { + $(this).removeClass('admin-hint-show'); + } else { + $(this).addClass('admin-hint-show'); + } + }); + }); |