From 47f6184be13da3ce500ecd26460c6da787a07473 Mon Sep 17 00:00:00 2001
From: youngsuKim-CSUSB <81013158+youngsuKim-CSUSB@users.noreply.github.com>
Date: Tue, 21 Jun 2022 19:03:24 -0700
Subject: [PATCH] test htmls
---
login.html | 23 +++++++++++++++++++++++
1 file changed, 23 insertions(+)
diff --git a/login.html b/login.html
index 22f94d3..6ae3d6b 100644
--- a/login.html
+++ b/login.html
@@ -16,6 +16,12 @@
</h5>
</div>
{{ super() }}
+
+<button type="button" class="collapsible">Open Collapsible</button>
+<div class="collapsible-content">
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+</div>
+
<div id="login-cilogon-info" class="service-login">
<h5>
<p>Be sure to choose <ins>California State University San Bernardino</ins> on the next page instead of <del>ORCID</del> (or something else)</p>
@@ -44,5 +50,22 @@ img {
height:auto;
max-height:100%;
}
+/* Style the button that is used to open and close the collapsible content */
+.collapsible {
+ background-color: #eee;
+ color: #444;
+ cursor: pointer;
+ padding: 18px;
+ width: 100%;
+ border: none;
+ text-align: left;
+ outline: none;
+ font-size: 15px;
+ }
+
+ /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
+ .active, .collapsible:hover {
+ background-color: #ccc;
+ }
</style>
{% endblock %}
\ No newline at end of file
--
GitLab