From 8375d212106918b602911f6286d2e4fd172d446e Mon Sep 17 00:00:00 2001 From: Marcel Korpel Date: Thu, 9 Jul 2015 00:33:25 +0200 Subject: Use SVG image for comment deletion icon This also puts the icon to the right and the timestamp in the byline and wipes out a repeated instance of the byline. Signed-off-by: Marcel Korpel Signed-off-by: Lukas Fleischer --- web/html/css/aurweb.css | 16 ++++++++++++++++ web/html/images/x.min.svg | 3 +++ web/html/images/x.png | Bin 725 -> 0 bytes web/html/images/x.svg | 31 +++++++++++++++++++++++++++++++ web/html/index.php | 4 ++++ web/template/pkg_comments.php | 28 +++++++++++----------------- 6 files changed, 65 insertions(+), 17 deletions(-) create mode 100644 web/html/images/x.min.svg delete mode 100644 web/html/images/x.png create mode 100644 web/html/images/x.svg (limited to 'web') diff --git a/web/html/css/aurweb.css b/web/html/css/aurweb.css index d67877a..adc02bb 100644 --- a/web/html/css/aurweb.css +++ b/web/html/css/aurweb.css @@ -96,6 +96,22 @@ color: #999; } +.delete-comment-form { + float: right; +} + +.delete-comment { + -webkit-filter: grayscale(100%); + filter: grayscale(100%); + opacity: 0.6; +} + +.delete-comment:hover { + -webkit-filter: none; + filter: none; + opacity: 1; +} + legend { padding: 1em 0; } diff --git a/web/html/images/x.min.svg b/web/html/images/x.min.svg new file mode 100644 index 0000000..833d4f2 --- /dev/null +++ b/web/html/images/x.min.svg @@ -0,0 +1,3 @@ + + + diff --git a/web/html/images/x.png b/web/html/images/x.png deleted file mode 100644 index a85e169..0000000 Binary files a/web/html/images/x.png and /dev/null differ diff --git a/web/html/images/x.svg b/web/html/images/x.svg new file mode 100644 index 0000000..e323fe1 --- /dev/null +++ b/web/html/images/x.svg @@ -0,0 +1,31 @@ + + + + + + image/svg+xml + + + + + + + + diff --git a/web/html/index.php b/web/html/index.php index 27d897c..2d5f2a9 100644 --- a/web/html/index.php +++ b/web/html/index.php @@ -173,6 +173,10 @@ if (!empty($tokens[1]) && '/' . $tokens[1] == get_pkg_route()) { header("Content-Type: image/png"); readfile("./$path"); break; + case "/images/x.min.svg": + header("Content-Type: image/svg+xml"); + readfile("./$path"); + break; case "/js/bootstrap-typeahead.min.js": header("Content-Type: application/javascript"); readfile("./$path"); diff --git a/web/template/pkg_comments.php b/web/template/pkg_comments.php index 3e99d9b..03a6581 100644 --- a/web/template/pkg_comments.php +++ b/web/template/pkg_comments.php @@ -20,32 +20,26 @@ $count = pkgbase_comments_count($base_id, $include_deleted); $row['UserName'] = "{$row['UserName']}"; endif; ?> class="comment-deleted"> - -
-
- - - - -
- - - - - -
- - + + () + +
+
+ + + + +
+
-

-- cgit v1.2.3-70-g09d2