From da9705b02b115b63d7ec74791be87fabf176b5af Mon Sep 17 00:00:00 2001 From: Siddeshwar Navaneetharan <49329642+Infinity-Intellect@users.noreply.github.com> Date: Wed, 1 Dec 2021 15:05:45 +0530 Subject: [PATCH] Remove z-index from liquid tags (#15596) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * Remove z-index from liquid tags Remove the z-index:1 from liquid tags present in 'GithubReadmeTag.scss', 'GithubTag.scss' and 'TwitterTimelineTag.scss'. The removal of this eliminates the weird visibility issue when the article-show-more-dropdown overlaps the pretty embeds on the page. * restart build Co-authored-by: Paweł Ludwiczak --- app/assets/stylesheets/ltags/GithubReadmeTag.scss | 1 - app/assets/stylesheets/ltags/GithubTag.scss | 1 - app/assets/stylesheets/ltags/TwitterTimelineTag.scss | 1 - 3 files changed, 3 deletions(-) diff --git a/app/assets/stylesheets/ltags/GithubReadmeTag.scss b/app/assets/stylesheets/ltags/GithubReadmeTag.scss index 61cd7649d..e1ec05f06 100644 --- a/app/assets/stylesheets/ltags/GithubReadmeTag.scss +++ b/app/assets/stylesheets/ltags/GithubReadmeTag.scss @@ -1,6 +1,5 @@ @import '../variables'; .ltag-github-readme-tag { - z-index: 1; position: relative; border: 1px solid $light-medium-gray; border-radius: 3px; diff --git a/app/assets/stylesheets/ltags/GithubTag.scss b/app/assets/stylesheets/ltags/GithubTag.scss index cf0864715..13ab845a8 100644 --- a/app/assets/stylesheets/ltags/GithubTag.scss +++ b/app/assets/stylesheets/ltags/GithubTag.scss @@ -5,7 +5,6 @@ margin: 1.1em auto 1.3em; max-width: 580px; position: relative; - z-index: 1; h1 { font-size: var(--fs-xl) !important; diff --git a/app/assets/stylesheets/ltags/TwitterTimelineTag.scss b/app/assets/stylesheets/ltags/TwitterTimelineTag.scss index df1e002d2..83cf0dae3 100644 --- a/app/assets/stylesheets/ltags/TwitterTimelineTag.scss +++ b/app/assets/stylesheets/ltags/TwitterTimelineTag.scss @@ -3,7 +3,6 @@ .ltag_twitter-timeline-liquid-tag { margin: 1.1em auto 1.3em; max-width: 580px; - z-index: 1; position: relative; }