Skip to content

Commit

Permalink
Replace placeholder images with divs
Browse files Browse the repository at this point in the history
  • Loading branch information
@BlueWinds
BlueWinds committed Mar 15, 2022
1 parent a7081ef commit 4aa1cb2
Show file tree
Hide file tree
Showing 2 changed files with 30 additions and 24 deletions.
6 changes: 6 additions & 0 deletions app/assets/css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,6 +51,12 @@ canvas {
margin-top: 2em;
}

.placeholder {
width: 100px;
height: 100px;
background: #69f;
}

/*---------nav----------*/

.navbar {
Expand Down
48 changes: 24 additions & 24 deletions app/commands/actions.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -580,54 +580,54 @@ <h4 id="scrollTo"><a href="https://on.cypress.io/scrollto">cy.scrollTo()</a></h4
</div>
<div class="col-xs-5">
<div class="well">
<div id="scrollable-horizontal" style="height: 150px; width: 300px; overflow: auto;">
<div id="scrollable-horizontal" style="height: 200px; width: 300px; overflow: auto;">
<div style="width: 3000px">
Horizontal Scroll
<ul>
<li>
<img src="https://placehold.it/100x100">
<div class="placeholder"></div>
</li>
<li>
<img src="https://placehold.it/100x100">
<div class="placeholder"></div>
</li>
<li>
<img src="https://placehold.it/100x100">
<div class="placeholder"></div>
</li>
<li>
<img src="https://placehold.it/100x100">
<div class="placeholder"></div>
</li>
<li>
<img src="https://placehold.it/100x100">
<div class="placeholder"></div>
</li>
<li>
<img src="https://placehold.it/100x100">
<div class="placeholder"></div>
</li>
<li>
<img src="https://placehold.it/100x100">
<div class="placeholder"></div>
</li>
<li>
<img src="https://placehold.it/100x100">
<div class="placeholder"></div>
</li>
<li>
<img src="https://placehold.it/100x100">
<div class="placeholder"></div>
</li>
<li>
<img src="https://placehold.it/100x100">
<div class="placeholder"></div>
</li>
<li>
<img src="https://placehold.it/100x100">
<div class="placeholder"></div>
</li>
<li>
<img src="https://placehold.it/100x100">
<div class="placeholder"></div>
</li>
<li>
<img src="https://placehold.it/100x100">
<div class="placeholder"></div>
</li>
<li>
<img src="https://placehold.it/100x100">
<div class="placeholder"></div>
</li>
<li>
<img src="https://placehold.it/100x100">
<div class="placeholder"></div>
</li>
</ul>
</div>
Expand All @@ -638,28 +638,28 @@ <h4 id="scrollTo"><a href="https://on.cypress.io/scrollto">cy.scrollTo()</a></h4
Vertical Scroll
<ul>
<li>
<img src="https://placehold.it/100x100">
<div class="placeholder"></div>
</li>
<li>
<img src="https://placehold.it/100x100">
<div class="placeholder"></div>
</li>
<li>
<img src="https://placehold.it/100x100">
<div class="placeholder"></div>
</li>
<li>
<img src="https://placehold.it/100x100">
<div class="placeholder"></div>
</li>
<li>
<img src="https://placehold.it/100x100">
<div class="placeholder"></div>
</li>
<li>
<img src="https://placehold.it/100x100">
<div class="placeholder"></div>
</li>
<li>
<img src="https://placehold.it/100x100">
<div class="placeholder"></div>
</li>
<li>
<img src="https://placehold.it/100x100">
<div class="placeholder"></div>
</li>
</ul>
</div>
Expand Down

0 comments on commit 4aa1cb2

Please sign in to comment.