SelfPrivacy
/
selfprivacy.org
7
1
Fork 5
Code Issues 12 Pull Requests 4 Releases Activity

move carousel controls out

pull/102/head
nevfy 2024-01-22 23:06:05 +04:00
parent 33ad44efad
commit 24bce90439
2 changed files with 18 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
assets/scss/_styles_project.scss
View File

@ -9,9 +9,6 @@
}
}
@media (min-width: 768px) {
.td-sidebar {
padding-top: 5rem;
@ -23,6 +20,17 @@
padding-top: 2.75rem;
}
}
.carousel-control-next, .carousel-control-prev {
background-image: none;
}
.carousel-control-next {
right: -15%
}
.carousel-control-prev {
left: -15%
}
.rounded-img {
border-radius: 1rem;

14
content/en/_index.html
View File

@ -9,13 +9,6 @@ linkTitle = "SelfPrivacy"
<div class="col-xs-12 col-md-4">
<div class="container rounded">
<div id="screenshotsCarouselControls" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#screenshotsCarouselControls" data-slide-to="0"></li>
<li data-target="#screenshotsCarouselControls" data-slide-to="1"></li>
<li data-target="#screenshotsCarouselControls" data-slide-to="2" class="active"></li>
<li data-target="#screenshotsCarouselControls" data-slide-to="3"></li>
<li data-target="#screenshotsCarouselControls" data-slide-to="4"></li>
</ol>
<div class="carousel-inner rounded">
<div class="carousel-item">
<img class="d-block w-100" src="/images/screenshots/1-en.png" alt="First slide">
@ -33,6 +26,13 @@ linkTitle = "SelfPrivacy"
<img class="d-block w-100" src="/images/screenshots/5-en.png" alt="Third slide">
</div>
</div>
<ol class="carousel-indicators position-relative">
<li data-target="#screenshotsCarouselControls" data-slide-to="0"></li>
<li data-target="#screenshotsCarouselControls" data-slide-to="1"></li>
<li data-target="#screenshotsCarouselControls" data-slide-to="2" class="active"></li>
<li data-target="#screenshotsCarouselControls" data-slide-to="3"></li>
<li data-target="#screenshotsCarouselControls" data-slide-to="4"></li>
</ol>
<a class="carousel-control-prev" href="#screenshotsCarouselControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>