[copr] master: Shift the pointer at copr detail dynamically (659b28c)
bkabrda at fedoraproject.org
bkabrda at fedoraproject.org
Tue Jan 22 07:02:19 UTC 2013
Repository : http://git.fedorahosted.org/cgit/copr.git
On branch : master
>---------------------------------------------------------------
commit 659b28c7e6929a604907f3975885cc65ef6cc85b
Author: Bohuslav Kabrda <bkabrda at redhat.com>
Date: Mon Jan 21 15:40:35 2013 +0100
Shift the pointer at copr detail dynamically
>---------------------------------------------------------------
coprs_frontend/coprs/static/copr.js | 5 +++++
coprs_frontend/coprs/static/style-new.css | 15 ++++++---------
2 files changed, 11 insertions(+), 9 deletions(-)
diff --git a/coprs_frontend/coprs/static/copr.js b/coprs_frontend/coprs/static/copr.js
index 1f6e223..a6221da 100644
--- a/coprs_frontend/coprs/static/copr.js
+++ b/coprs_frontend/coprs/static/copr.js
@@ -4,3 +4,8 @@ $(document).ready(function () {
$(this).hover(function() { $("table.builds-table tr.details").hide(); $(this).next().show(); });
});
});
+
+// build detail menu arrow slider
+$(document).ready(function() {
+ $("div.horizontal-menu div a").hover(function() { $(this).toggleClass('pink-arrow'); });
+});
diff --git a/coprs_frontend/coprs/static/style-new.css b/coprs_frontend/coprs/static/style-new.css
index 910898b..8848d1f 100644
--- a/coprs_frontend/coprs/static/style-new.css
+++ b/coprs_frontend/coprs/static/style-new.css
@@ -160,8 +160,7 @@ div.add-copr a {
div.horizontal-menu {
background-color: #ededed;
- padding: 0.5em;
- height: 2em;
+ height: 3em;
border-radius: 10px;
-moz-border-radius: 10px;
@@ -169,22 +168,20 @@ div.horizontal-menu {
}
div.horizontal-menu a {
+ display: block;
+ padding: 0.6em;
font-size: 1.1em;
font-weight: bold;
color: #4d4d4d;
}
-div.horizontal-menu img {
- display: block;
- margin-left: auto;
- margin-right: auto;
-}
-
div.horizontal-menu div.selected a {
color: #db3279;
margin-left: auto;
margin-right: auto;
- padding-bottom: 11px;
+}
+
+div.horizontal-menu div.selected, div.horizontal-menu a.pink-arrow {
background: url("pink_arrow.png") no-repeat;
background-position: center bottom;
}
More information about the copr-devel
mailing list