Influxdata
/
docs-v2
mirror of https://github.com/influxdata/docs-v2.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Update URL switcher feature callout (#2162) 

* update URL switcher feature callout

* added responsive styles to URL callout
pull/2166/head
Scott Anderson 2021-02-09 16:01:31 -07:00 committed by GitHub
parent fc806a28b1
commit 748789ada8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 21 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
assets/styles/layouts/_feature-callouts.scss
View File

@ -7,7 +7,6 @@
font-weight: $medium;
color: $g20-white;
box-shadow: 2px 2px 6px rgba($g2-kevlar, .35);
z-index: 10;
// temp styles for animation
transition: margin .3s ease-out;
@ -65,3 +64,23 @@
margin-top: 2.5rem
}
}
///////////////////////////////// Media Queries ////////////////////////////////
@include media(small) {
#callout-url-selector {
top: .55rem;
right: 5.15rem;
p:after {
top: .15rem;
right: -16px;
border-width: 7px 0 7px 8px;
border-color: transparent transparent transparent #C231D9;
}
&.start-position {
margin-top: 2.5rem
}
}
}

2
layouts/partials/footer/feature-callout.html
View File

@ -1,3 +1,3 @@
<div class="feature-callout start-position" id="callout-url-selector">
<p><span class="new">New!</span> Cloud or OSS? <a href="#" class="close"><span class="icon-remove"></span></a></p>
<p>Cloud or OSS? <a href="#" class="close"><span class="icon-remove"></span></a></p>
</div>