Skip to content

Commit

Permalink
Merge pull request #226 from NikhilSharma03/homepage_responsive
Browse files Browse the repository at this point in the history
  • Loading branch information
@leecalcote
leecalcote authored Dec 19, 2021
2 parents 970a5bc + 7527fae commit 691d174
Show file tree
Hide file tree
Showing 6 changed files with 275 additions and 155 deletions.
2 changes: 1 addition & 1 deletion docs/_includes/faq.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ <h2 class="accordion-header" id="flush-headingOne">
</button>
</h2>
<div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-parent="#accordionExample">
<div class="accordion-body">Yes, using Meshery, you can create as many performance test schedules as you would like.</div>
<div class="accordion-body"><p>Yes, using Meshery, you can create as many performance test schedules as you would like.</p></div>
</div>
</div>
<div class="accordion-item">
Expand Down
44 changes: 44 additions & 0 deletions docs/_sass/footer.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -211,6 +211,7 @@ footer {

.nighthawk-logo {
display: flex;
justify-content: center;
padding-top: 18px;
a {
display: block;
Expand Down Expand Up @@ -361,3 +362,46 @@ footer {
// max-width: 800px !important;
// }
}

@media (width: 768px) {
.custom-nav-elem {
justify-content: flex-end;
}
}

@media (max-width: 770px) {
.custom-nav-elem {
padding-top: 40px;
}

// .stellarnav {
// width: 125px;
// }
}

@media (max-width: 475px) {
header .project-name {
padding-right: 0;
}
.stellarnav.mobile > ul > li > a {
font-size: 0.75rem !important;
}
}

@media (max-width: 435px) {
header .project-name {
padding-left: 10px;
}
.stellarnav {
width: 120px;
}
}

@media (max-width: 410px) {
header .project-name {
padding-left: 20px;
}
.stellarnav {
width: 105px;
}
}
179 changes: 126 additions & 53 deletions docs/_sass/getnighthawk.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3869,7 +3869,6 @@ div.globalFooterCard.card-environment {
color: #32325d;
}


.section {
position: relative;
}
Expand Down Expand Up @@ -5617,49 +5616,122 @@ div.globalFooterCard.card-environment {
}

@media (max-width: 1000px) {
.hero-section-header{
.hero-section-header {
flex-direction: column;
}
.hero-section-header-text{
.hero-section-header-text {
margin: 3rem 0 1rem 0;
}
.hero-section-logo-span{
.hero-section-logo-span {
text-align: center;
}
.hero-section-para p{
.hero-section-para p {
text-align: center;
margin-top: 1rem;
line-height: 1.5;
}
.side {
margin-top: 2rem !important;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
width: 100% !important;
}

.accordion {
margin-top: 1.5rem !important;
padding: 0 1.5rem;
}
#faq-title {
display: flex;
justify-content: space-between;
padding-left: 0.5rem;
}
.container-faq .accordion-body {
padding: 1rem 0.5rem !important;
}
}

@media (max-width: 600px) {
.hero-section-img {
margin-right: 0 !important;
}
.hero-section-header-text {
margin-left: 0 !important;
}
.hero-section-logo-span {
text-align: center !important;
font-size: 2.75rem !important;
padding-left: 1rem;
padding-right: 1rem;
}
.hero-section-para p {
text-align: center !important;
font-size: 1.5rem !important;
padding-left: 1rem;
padding-right: 1rem;
}
.hero-section-button-div {
margin-top: 1rem !important;
}
.accordion {
padding: 0 0.5rem;
}
}

@media (max-width: 475px) {
.hero-section-logo-span {
font-size: 2.25rem !important;
padding-left: 3rem;
padding-right: 3rem;
}
.hero-section-para p {
font-size: 1.25rem !important;
padding-left: 3rem;
padding-right: 3rem;
}
.hero-section-img {
width: 450px !important;
}
}

@media (max-width: 455px) {
.hero-section-logo-span {
font-size: 2rem !important;
}
.hero-section-para p {
font-size: 1rem !important;
}
}

@media (max-width: 550px) {
.why-getnighthawk-p-div p{
.why-getnighthawk-p-div p {
line-height: 1.6;
padding:0 1rem;
padding: 0 1rem;
font-size: 1.1rem;
}
.platform{
padding-top:0 ;
.platform {
padding-top: 0;
}
.hero-section-header-text{
.hero-section-header-text {
width: 425px;
}
.hero-section-logo-span{
.hero-section-logo-span {
text-align: center;
font-size: 26px;
}
.hero-section-para p{
.hero-section-para p {
font-size: 16px;
}
.sidebar{
.sidebar {
padding-right: 1rem;
padding-left: 1rem;
}
.section-content ol{
.section-content ol {
padding-left: 10px;
margin-top: 30px;
}

}

@media screen and (max-width: 450px) {
Expand All @@ -5675,15 +5747,18 @@ div.globalFooterCard.card-environment {
.hero-section-logo-span {
font-size: 40px;
}
.hero-section-header-text{
.hero-section-header-text {
width: 400px;
}
.hero-section-logo-span{
.hero-section-logo-span {
font-size: 27px;
}
.hero-section-img{
.hero-section-img {
margin-right: 0;
}
.accordion {
padding: 0 0rem;
}
}

.des-para1 {
Expand All @@ -5692,7 +5767,7 @@ div.globalFooterCard.card-environment {
}
.footer-social-links {
display: table;
margin: 0;
margin: 0;
li {
list-style: none;
margin: 10px;
Expand Down Expand Up @@ -5763,7 +5838,7 @@ margin: 0;
.footer-social-div {
max-width: 550px;
padding-left: 0px;
display: flex;
display: flex;
justify-content: center;
}
.footer-social-row {
Expand All @@ -5772,78 +5847,76 @@ margin: 0;
}

/* docs styling */
.row .col-lg-9{
.row .col-lg-9 {
padding-right: 40px !important;
}

.section-content{
.section-content {
padding-left: 40px !important;
margin-top: 30px !important;
margin-bottom: 50px !important;
margin-top: 30px !important;
margin-bottom: 50px !important;
min-height: 100vh;
}


.doc-container{
.doc-container {
padding: 10px;
}

.doc-link {
display: inline-block;
padding: 5px 0;
padding: 5px 0;
text-decoration: none;
margin-left: 20px;
color: #696969;
}

.doc-sidebar{
padding:0 1rem;
.doc-sidebar {
padding: 0 1rem;
}


.sidebar{
font-family: 'Open Sans', sans-serif;
.sidebar {
font-family: "Open Sans", sans-serif;
padding-right: 2rem;
}
.sidebar .accordion-body{

.sidebar .accordion-body {
text-align: left;
color: #aaaaaa;
padding: 1rem 0;
}
.sidebar .accordion-button{

.sidebar .accordion-button {
padding: 1rem 1rem 0rem 0;
width: 13rem;
}
.sidebar .accordion-button:focus{

.sidebar .accordion-button:focus {
border-color: transparent;
box-shadow: none;
}

.sidebar .accordion-button:not(.collapsed)::after{
.sidebar .accordion-button:not(.collapsed)::after {
transform: rotate(270deg);
}

.sidebar .accordion-button:not(.collapsed){
.sidebar .accordion-button:not(.collapsed) {
background-color: transparent;
color: inherit;
}
.sidebar .accordion-item{

.sidebar .accordion-item {
padding: 1rem 0;
&:not(:last-child){
&:not(:last-child) {
border-bottom: 3px solid #cecece;
}
}
.sidebar .accordion-button:not(.collapsed)::after{
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

.sidebar .accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.sidebar .accordion-collapse{
border:none;

.sidebar .accordion-collapse {
border: none;
}

.doc-heading {
Expand Down Expand Up @@ -5874,10 +5947,10 @@ margin: 0;
.nighthawk-meshery-div {
margin: 0;
}
.docs-section{
.docs-section {
padding-left: 40px !important;
&-main{

&-main {
margin-bottom: 40px !important;
margin-top: 50px !important;
}
Expand All @@ -5904,4 +5977,4 @@ margin: 0;
}
.accordion-button::after {
margin-left: 10px !important;
}
}
Loading

0 comments on commit 691d174

Please sign in to comment.