This is an automated email from the ASF dual-hosted git repository.

paulk pushed a commit to branch asf-site
in repository https://gitbox.apache.org/repos/asf/groovy-website.git

commit 0b20583aeb29954b22f4f1ffc920c401f4c8945d
Author: Paddy <p.with...@gmail.com>
AuthorDate: Sun Dec 9 16:37:27 2018 -0700

    Fix side menu issue and update ribbon image
    
    Due to the removal of height: 100% from #st-container, the behaviour
    when clicking the side menu became unpredictable.
    
    To fix, the perspective transform was replaced by a simple margin
    transform. It does not have the exact same effect as the perspective,
    but it is pretty close and allows for the other issues to be fixed.
    
    Additionally, the standard github ribbon aws image was replaced by a
    horizontal one that was rotated 45deg to reduce the area that links to
    github.
---
 site/src/site/assets/css/style.css                    |  18 ++++++++----------
 site/src/site/assets/img/horizontal-github-ribbon.png | Bin 0 -> 10431 bytes
 site/src/site/layouts/page.groovy                     |   4 ++--
 3 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/site/src/site/assets/css/style.css 
b/site/src/site/assets/css/style.css
index af5936f..20f8b66 100644
--- a/site/src/site/assets/css/style.css
+++ b/site/src/site/assets/css/style.css
@@ -220,7 +220,7 @@ article .content time {
 .doc-embed {
     border: 0;
     border-right: 1px solid #e7e7e7;
-    width: 87%;
+    width: 88%;
     height: 100vh;
     min-height: 100%;
 }
@@ -337,7 +337,6 @@ body, html {
     font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
     padding: 0;
     margin: 0;
-    background: #FFF;
     color: #343437;
     line-height: 25px;
     font-weight: normal;
@@ -812,7 +811,13 @@ html.noScroll body, html.noScroll .st-container, 
html.noScroll .st-pusher, html.
 
 .st-container {
     position: relative;
-    overflow: hidden
+    overflow: hidden;
+    -webkit-transition: margin .25s, -webkit-transform .25s;
+    transition: margin .25s, transform .25s
+}
+
+.st-container.st-menu-open {
+    margin: 10px -15px -10px 15px;
 }
 
 .st-pusher {
@@ -820,8 +825,6 @@ html.noScroll body, html.noScroll .st-container, 
html.noScroll .st-pusher, html.
     left: 0;
     z-index: 99;
     height: 100%;
-    -webkit-transition: -webkit-transform .5s;
-    transition: transform .5s
 }
 
 .st-pusher::after {
@@ -937,11 +940,6 @@ html.noScroll body, html.noScroll .st-container, 
html.noScroll .st-pusher, html.
     color: #fff
 }
 
-.st-effect-9.st-container {
-    -webkit-perspective: 10000px;
-    perspective: 10000px
-}
-
 .st-effect-9 .st-pusher {
     -webkit-transform-style: preserve-3d;
     transform-style: preserve-3d
diff --git a/site/src/site/assets/img/horizontal-github-ribbon.png 
b/site/src/site/assets/img/horizontal-github-ribbon.png
new file mode 100644
index 0000000..a3ab20d
Binary files /dev/null and 
b/site/src/site/assets/img/horizontal-github-ribbon.png differ
diff --git a/site/src/site/layouts/page.groovy 
b/site/src/site/layouts/page.groovy
index 27f1ba9..407231f 100644
--- a/site/src/site/layouts/page.groovy
+++ b/site/src/site/layouts/page.groovy
@@ -32,8 +32,8 @@ body {
     div(id: 'fork-me') {
         a(href: 'https://github.com/apache/groovy') {
             img(
-                    style: "position: fixed; top: 0px; right: 0px; border: 0; 
z-index: 100",
-                    src: 
'https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67',
 alt: 'Fork me on GitHub', 'data-canonical-src': 
'https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png'
+                    style: "position: fixed; top: 20px; right: -58px; border: 
0; z-index: 100; transform: rotate(45deg);",
+                    src: '/img/horizontal-github-ribbon.png'
             )
         }
     }

Reply via email to