From a12c5db601ad2c3cee2507099b692d491782d614 Mon Sep 17 00:00:00 2001 From: Simon Rettberg Date: Thu, 9 Jan 2014 20:23:58 +0100 Subject: Add pagination to syslog, change filter inputbox to use tagsinput --- style/bootstrap-tagsinput.css | 45 +++++++++++++++++++++++++++++++++++++++++++ style/default.css | 8 ++++++++ 2 files changed, 53 insertions(+) create mode 100644 style/bootstrap-tagsinput.css (limited to 'style') diff --git a/style/bootstrap-tagsinput.css b/style/bootstrap-tagsinput.css new file mode 100644 index 00000000..98cfa7f3 --- /dev/null +++ b/style/bootstrap-tagsinput.css @@ -0,0 +1,45 @@ +.bootstrap-tagsinput { + background-color: #fff; + border: 1px solid #ccc; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + display: inline-block; + padding: 4px 6px; + margin-bottom: 10px; + color: #555; + vertical-align: middle; + border-radius: 4px; + max-width: 100%; + line-height: 22px; +} +.bootstrap-tagsinput input { + border: none; + box-shadow: none; + outline: none; + background-color: transparent; + padding: 0; + margin: 0; + width: auto !important; + max-width: inherit; +} +.bootstrap-tagsinput input:focus { + border: none; + box-shadow: none; +} +.bootstrap-tagsinput .tag { + margin-right: 2px; + color: white; +} +.bootstrap-tagsinput .tag [data-role="remove"] { + margin-left: 8px; + cursor: pointer; +} +.bootstrap-tagsinput .tag [data-role="remove"]:after { + content: "x"; + padding: 0px 2px; +} +.bootstrap-tagsinput .tag [data-role="remove"]:hover { + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); +} +.bootstrap-tagsinput .tag [data-role="remove"]:hover:active { + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} diff --git a/style/default.css b/style/default.css index c846f261..1a4a0be0 100644 --- a/style/default.css +++ b/style/default.css @@ -49,3 +49,11 @@ body { font-size: 90%; font-style: italic; } + +.bootstrap-tagsinput { + width: 100%; + margin: 0px; + border-radius: 0; + height: 34px; +} + -- cgit v1.2.3-55-g7522