From 50badd91f5cb5a3a7b93867d13ec981500c40f4f Mon Sep 17 00:00:00 2001 From: Emil Totev Date: Sun, 2 Aug 2020 21:32:03 +0300 Subject: [PATCH 1/5] Merge remote-tracking branch 'upstream/source' into source --- content/scripts/img-gallery-handler.js | 39 -------------------------- theme/static/scripts/mobile-nav.js | 28 ------------------ 2 files changed, 67 deletions(-) delete mode 100644 theme/static/scripts/mobile-nav.js diff --git a/content/scripts/img-gallery-handler.js b/content/scripts/img-gallery-handler.js index 34361e16..4448c8e5 100644 --- a/content/scripts/img-gallery-handler.js +++ b/content/scripts/img-gallery-handler.js @@ -87,39 +87,6 @@ shown.style.left = 0; } - // swipe detection in pure JavaScript - // http://www.javascriptkit.com/javatutors/touchevents2.shtml - function swipedetect(touchsurface, callback){ - var startX, - startTime, - threshold = 150, //required min distance traveled to be considered swipe - allowedTime = 300, // maximum time allowed to travel that distance - handleswipe = callback || function(swipedir){}; - - touchsurface.addEventListener('touchstart', function(e){ - startX = e.changedTouches[0].pageX; - startTime = new Date().getTime(); - e.preventDefault(); - }, false); - - touchsurface.addEventListener('touchmove', function(e){ - // prevent scrolling when inside DIV - e.preventDefault(); - }, false); - - touchsurface.addEventListener('touchend', function(e){ - var distX = e.changedTouches[0].pageX - startX, - elapsedTime = new Date().getTime() - startTime; - swipedir = 0; - if ((elapsedTime <= allowedTime) && (Math.abs(distX) >= threshold)) { - // direction indices are reversed compared to when clicking the buttons - swipedir = (distX < 0) ? 1 : -1; - handleswipe(swipedir); - } - e.preventDefault(); - }, false); - } - // initialization and callbacks updateDisplay(0); nextBtn.addEventListener('mouseover', function(){ changeDirection(1) }); @@ -127,9 +94,3 @@ nextBtn.addEventListener('click', function(){ rollImage(1); }); prevBtn.addEventListener('click', function(){ rollImage(-1); }); - - // sets up a touch-gesture event listener - swipedetect(document.getElementsByClassName('img-wrapper')[0], function(direction){ - changeDirection(direction); - setTimeout(function() { rollImage(direction); }, 50); - }); diff --git a/theme/static/scripts/mobile-nav.js b/theme/static/scripts/mobile-nav.js deleted file mode 100644 index 18e87920..00000000 --- a/theme/static/scripts/mobile-nav.js +++ /dev/null @@ -1,28 +0,0 @@ -function setMobileNavBehaviour() { - var mobileBtnOpen = document.getElementsByClassName('open-menu')[0], - mobileBtnClose = document.getElementsByClassName('close-menu')[0], - mobileMask = document.getElementById("mobile-mask"); - links = document.querySelectorAll('.topnav a[href^="#"]'); - - for(let i = 0; i < links.length; i++){ - links[i].addEventListener('click', function(){ - closeMenu(); - }); - } - - mobileBtnOpen.addEventListener('click', function(){ - openMenu(mobileMask); - }); - - mobileBtnClose.addEventListener('click', function(){ - closeMenu(mobileMask); - }); -} - -function closeMenu(menu){ - menu.style.top = '-100%'; -} - -function openMenu(menu){ - menu.style.top = 0; -} From 15e61e07e21abf82209a91482f0d0ddca0b50f99 Mon Sep 17 00:00:00 2001 From: Emil Totev Date: Sun, 2 Aug 2020 22:39:34 +0300 Subject: [PATCH 2/5] Source update --- content/pages/community.markdown | 2 +- theme/static/style/responsive-1024.css | 6 +++++- theme/static/style/responsive-768.css | 8 ++++++-- theme/static/style/responsive-micro.css | 8 ++++++-- theme/static/style/style.css | 9 +++++++-- 5 files changed, 25 insertions(+), 8 deletions(-) diff --git a/content/pages/community.markdown b/content/pages/community.markdown index bfb8a239..0ca14a69 100644 --- a/content/pages/community.markdown +++ b/content/pages/community.markdown @@ -20,7 +20,7 @@ We welcome community contributions! Please see the [contribution page](http://ki To make Kiwi TCMS a welcoming and harassment-free experience for everyone, we follow the [CNCF Code of Conduct](https://github.com/cncf/foundation/blob/master/code-of-conduct.md). -# Acknowledgements +# Credits Kiwi TCMS was initially started by [Red Hat, Inc.](https://www.redhat.com/en) under the name Nitrate. It was intended as a replacement for Mozilla's Testopia and has grown on its own diff --git a/theme/static/style/responsive-1024.css b/theme/static/style/responsive-1024.css index cf24cc25..47857bd0 100644 --- a/theme/static/style/responsive-1024.css +++ b/theme/static/style/responsive-1024.css @@ -75,12 +75,16 @@ background: var(--white); display: grid; transition: top 0.2s linear; - top: -100%; + top: -150%; + pointer-events: none; + opacity: 0; align-items: center; } #main-nav ul.hidden-menu.visible { display: grid; top: 0; + opacity: 1; + pointer-events: all; } #main-nav img { diff --git a/theme/static/style/responsive-768.css b/theme/static/style/responsive-768.css index 5ba1f753..99ce9a08 100644 --- a/theme/static/style/responsive-768.css +++ b/theme/static/style/responsive-768.css @@ -83,12 +83,16 @@ background: var(--white); display: grid; transition: top 0.2s linear; - top: -100%; + top: -150%; + pointer-events: none; + opacity: 0; align-items: center; } #main-nav ul.hidden-menu.visible { display: grid; top: 0; + opacity: 1; + pointer-events: all; } #main-nav img { @@ -109,7 +113,7 @@ width: 100vw; height: calc(var(--unusable-padding) * 2); background-color: var(--dark-green); - margin: calc(var(--x3-padding) * -1 - 1px) calc(var(--unusable-padding) * -1 - var(--x3-padding) - 2px); + margin: calc(var(--x3-padding) * -1 - 1px) calc(var(--unusable-padding) * -1 - var(--x3-padding) - 1px); z-index: -100; } .feature-list div:nth-child(5):before { diff --git a/theme/static/style/responsive-micro.css b/theme/static/style/responsive-micro.css index 487b3eec..ab82e8c3 100644 --- a/theme/static/style/responsive-micro.css +++ b/theme/static/style/responsive-micro.css @@ -83,12 +83,16 @@ background: var(--white); display: grid; transition: top 0.2s linear; - top: -100%; + top: -150%; + pointer-events: none; + opacity: 0; align-items: center; } #main-nav ul.hidden-menu.visible { display: grid; top: 0; + opacity: 1; + pointer-events: all; } #main-nav img { @@ -109,7 +113,7 @@ width: 100vw; height: calc(var(--unusable-padding) * 2); background-color: var(--dark-green); - margin: calc(var(--x3-padding) * -1 - 1px) calc(var(--unusable-padding) * -1 - var(--x3-padding) - 2px); + margin: calc(var(--x3-padding) * -1 - 1px) calc(var(--unusable-padding) * -1 - var(--x3-padding) - 1px); z-index: -100; } .feature-list div:nth-child(5):before { diff --git a/theme/static/style/style.css b/theme/static/style/style.css index 56b4cb22..f242faf8 100644 --- a/theme/static/style/style.css +++ b/theme/static/style/style.css @@ -70,7 +70,9 @@ body{ display: flex; flex-direction: column; place-content: start space-between; - height: 100vh; + height: 100vh; + overflow-x: hidden; + scroll-behavior: smooth; } section, @@ -399,7 +401,7 @@ header .video a { width: 100vw; height: calc(var(--unusable-padding) * 2); background-color: var(--dark-green); - margin: calc(var(--x3-padding) * -1 - 1px) calc(var(--unusable-padding) * -1 - var(--x3-padding) - 2px); + margin: calc(var(--x3-padding) * -1 - 1px) calc(var(--unusable-padding) * -1 - var(--x3-padding) - 1px); z-index: -100; } @@ -550,6 +552,9 @@ blockquote p.quote { #pricing .plans-modal ul a:hover { color: var(--light-green); } +summary, #plans-modal h3{ + cursor: pointer; +} /* S PRICING > Details */ #pricing summary::-webkit-details-marker{ From c54352fef38867dd8aff10b0f521d3032a2972df Mon Sep 17 00:00:00 2001 From: Emil Totev Date: Sun, 2 Aug 2020 23:45:17 +0300 Subject: [PATCH 3/5] Combined fix --- theme/static/style/style.css | 35 ++++++++++++++++++++++++++++------- 1 file changed, 28 insertions(+), 7 deletions(-) diff --git a/theme/static/style/style.css b/theme/static/style/style.css index c7d52a97..daa53155 100644 --- a/theme/static/style/style.css +++ b/theme/static/style/style.css @@ -110,11 +110,20 @@ code { font-size: inherit; border-radius: 2px; border: 1px solid var(--trans-green); + overflow: scroll; + width: fit-content; + max-width: 86vw; + display: inline-grid; + overflow-wrap: normal!important; +} +p > code{ + margin-bottom:0!important; } pre > code { border: none; - padding: 0; + padding: 0; + display:inline; } /* pre > code > span { */ @@ -450,6 +459,11 @@ header .video a { padding: var(--x3-padding) var(--unusable-padding); } +#quick-links div > *{ + float:left; + grid-column: 1 / 2; +} + #quick-links div { background: var(--white); filter: var(--light-shadow); @@ -559,12 +573,18 @@ summary, #plans-modal h3{ } /* S PRICING > Details */ -#pricing summary::-webkit-details-marker{ +summary::-webkit-details-marker{ display: none; } -#pricing summary::marker{ +summary::marker{ display:none; } +::-webkit-details-marker { display:none; } + +summary{ + list-style-image: none; +} + #pricing summary:after { height: 20px; @@ -1138,17 +1158,18 @@ font-size: 25px; } #blog-list article.blog-list .content *, #blog-article article.content *{ margin-bottom:var(--x1-padding); + max-width: 86vw; overflow-wrap: break-word; } #blog-list article.blog-list .content img, #blog-article article.content img{ max-width: 100%; } #blog-list article.blog-list .content pre, #blog-article article.content pre{ - white-space: pre-wrap; - white-space: -moz-pre-wrap; - white-space: -o-pre-wrap; - word-wrap: break-word; font-family: "Source Code Pro", monospace; + overflow: scroll; + width: fit-content; + max-width: 86vw; + background: var(--light-gray); } #blog-list article.blog-list .content a, #blog-article article.content a{ overflow-wrap: anywhere; From b5868ed72b8fd886d870dce3528785a64cd83a95 Mon Sep 17 00:00:00 2001 From: Emil Totev Date: Wed, 19 Aug 2020 14:15:02 +0300 Subject: [PATCH 4/5] Safari transparent issue (#128) --- theme/static/style/style.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/theme/static/style/style.css b/theme/static/style/style.css index daa53155..7851c386 100644 --- a/theme/static/style/style.css +++ b/theme/static/style/style.css @@ -236,7 +236,7 @@ transform: rotate(90deg); } .ghost-btn { - background: transparent; + background: rgba(255, 255, 255, 0); border: 2px solid white; } .ghost-btn:hover { @@ -258,7 +258,7 @@ header { grid-template-areas: "lead video"; align-items: center; column-gap: var(--grid-gap); - background-image: linear-gradient(to top, var(--white) 0%, transparent 5%), url("/theme/images/header-pattern.png"); + background-image: linear-gradient(to top, var(--white) 0%, rgba(255, 255, 255, 0) 5%), url("/theme/images/header-pattern.png"); background-size: cover, contain; background-attachment: scroll, fixed; background-repeat: no-repeat; @@ -400,7 +400,7 @@ header .video a { /* S FEATURES */ #features { - background-image: linear-gradient(to top, var(--dark-green), var(--dark-green) 50%, transparent 50%, transparent); + background-image: linear-gradient(to top, var(--dark-green), var(--dark-green) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0)); padding-top: 0; margin-top: calc(var(--unusable-padding) * -1 - 10px); } @@ -1013,7 +1013,7 @@ footer .mail { body.page section{ gap: var(--x3-padding); padding-top: 150px; - background-image: linear-gradient(to top, var(--white), transparent), url(/theme/images/pattern-v2.png); + background-image: linear-gradient(to top, var(--white), rgba(255, 255, 255, 0)), url(/theme/images/pattern-v2.png); background-size: auto 500px, auto 500px; background-position: top right; background-repeat: no-repeat; @@ -1117,8 +1117,8 @@ font-size: 25px; #blog-list, #blog-article{ gap: var(--x3-padding); padding-top: 150px; - background-image: linear-gradient(to top, var(--white), transparent), url(/theme/images/pattern-v2.png); - background-size: auto 500px, auto 500px; + background-image: linear-gradient(to top, var(--white), rgba(255, 255, 255, 0)), url(/theme/images/pattern-v2.png); + background-size: 1000px 500px, auto 500px; background-position: top right; background-repeat: no-repeat; } From aa4f5e7a7b5b276fa9e579de5f47fe614182c5e9 Mon Sep 17 00:00:00 2001 From: Emil Totev Date: Wed, 19 Aug 2020 14:21:41 +0300 Subject: [PATCH 5/5] Minor mobile order fix --- theme/static/style/responsive-micro.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/theme/static/style/responsive-micro.css b/theme/static/style/responsive-micro.css index ab82e8c3..a0b00b57 100644 --- a/theme/static/style/responsive-micro.css +++ b/theme/static/style/responsive-micro.css @@ -262,7 +262,7 @@ @media screen and (max-width: 500px) { #quick-links div { - grid-template-columns: unset; + grid-template-columns: 1fr; grid-template-rows: max-content auto 1fr; grid-template-areas: "icon"