1 files changed, 171 insertions, 1 deletions
diff --git a/src/main/resources/gitblit.css b/src/main/resources/gitblit.css
index f7271788..bd2befd3 100644
--- a/src/main/resources/gitblit.css
+++ b/src/main/resources/gitblit.css
@@ -2408,4 +2408,174 @@ table.filestore-status {
     font-weight: 200;
     font-size: 1em;
     font-variant: normal;
-}
-\ No newline at end of file
+}
+
+
+/*
+    Copy-to-clipboard tooltip styling from Github's primer.css
+   https://primer.style/css/components/tooltips
+   Adjusted to not hover but fade-in/out on clipboard events.
+*/
+
+.tooltipped {
+    position:relative
+}
+
+.tooltipped:after {
+    position: absolute;
+    z-index: 1000000;
+    padding: 5px 8px;
+
+    font: normal normal 11px/1.5 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";
+    color: #fff;
+    background: rgba(42, 42, 42, .8);
+    text-align: center;
+    text-decoration: none;
+    text-shadow: none;
+    text-transform: none;
+    letter-spacing: normal;
+    word-wrap: break-word;
+    white-space: pre;
+    pointer-events: none;
+    content: attr(data-tt-text);
+    border-radius: 3px;
+    -webkit-font-smoothing:subpixel-antialiased;
+
+    opacity: 0;
+    transition: 0.5s opacity;
+}
+
+.tooltipped:before {
+    position: absolute;
+    z-index: 1000001;
+
+    width: 0;
+    height: 0;
+    color: rgba(42, 42, 42, .8);
+    pointer-events: none;
+    content: "";
+    border:5px solid transparent;
+
+    opacity: 0;
+    transition: 0.5s opacity;
+}
+
+.tooltipped-active:before, .tooltipped-active:after {
+    opacity: 1;
+    text-decoration:none
+}
+
+.tooltipped-s:after, .tooltipped-se:after, .tooltipped-sw:after {
+    top: 100%;
+    right: 50%;
+    margin-top:5px
+}
+
+.tooltipped-s:before, .tooltipped-se:before, .tooltipped-sw:before {
+    top: auto;
+    right: 50%;
+    bottom: -5px;
+    margin-right: -5px;
+    border-bottom-color:rgba(42, 42, 42, .8)
+}
+
+.tooltipped-se:after {
+    right: auto;
+    left: 50%;
+    margin-left:-15px
+}
+
+.tooltipped-sw:after {
+    margin-right:-15px
+}
+
+.tooltipped-n:after, .tooltipped-ne:after, .tooltipped-nw:after {
+    right: 50%;
+    bottom: 100%;
+    margin-bottom:5px
+}
+
+.tooltipped-n:before, .tooltipped-ne:before, .tooltipped-nw:before {
+    top: -5px;
+    right: 50%;
+    bottom: auto;
+    margin-right: -5px;
+    border-top-color:rgba(42, 42, 42, .8)
+}
+
+.tooltipped-ne:after {
+    right: auto;
+    left: 50%;
+    margin-left:-15px
+}
+
+.tooltipped-nw:after {
+    margin-right:-15px
+}
+
+.tooltipped-s:after, .tooltipped-n:after {
+    -webkit-transform: translateX(50%);
+    -ms-transform: translateX(50%);
+    transform:translateX(50%)
+}
+
+.tooltipped-w:after {
+    right: 100%;
+    bottom: 50%;
+    margin-right: 5px;
+    -webkit-transform: translateY(50%);
+    -ms-transform: translateY(50%);
+    transform:translateY(50%)
+}
+
+.tooltipped-w:before {
+    top: 50%;
+    bottom: 50%;
+    left: -5px;
+    margin-top: -5px;
+    border-left-color:rgba(42, 42, 42, .8)
+}
+
+.tooltipped-e:after {
+    bottom: 50%;
+    left: 100%;
+    margin-left: 5px;
+    -webkit-transform: translateY(50%);
+    -ms-transform: translateY(50%);
+    transform:translateY(50%)
+}
+
+.tooltipped-e:before {
+    top: 50%;
+    right: -5px;
+    bottom: 50%;
+    margin-top: -5px;
+    border-right-color:rgba(42, 42, 42, .8)
+}
+
+
+.tooltipped-sticky:before, .tooltipped-sticky:after {
+    display:inline-block
+}
+
+
+.fullscreen-overlay-enabled.dark-theme .tooltipped:after {
+    color: #000;
+    background:rgba(200, 200, 200, .8)
+}
+
+.fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-s:before, .fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-se:before, .fullscreen-overlay-enabled.dark-theme .tooltipped .tooltipped-sw:before {
+    border-bottom-color:rgba(200, 200, 200, .8)
+}
+
+.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-n:before, .fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-ne:before, .fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-nw:before {
+    border-top-color:rgba(200, 200, 200, .8)
+}
+
+.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-e:before {
+    border-right-color:rgba(200, 200, 200, .8)
+}
+
+.fullscreen-overlay-enabled.dark-theme .tooltipped.tooltipped-w:before {
+    border-left-color:rgba(200, 200, 200, .8)
+}