Skip to content

Juan Montilla / TBW2223_equipo12

Go to a project
Commit 67397558 by Manuel Ruiz Toribio
Options

Cambios en el sidebar para añadir multielección, aún por retocar

parent cdb4f7f8
Expand all
Inline Side-by-side
Showing with 115 additions and 11 deletions
app/Views/pages/home.php
...@@ -18,16 +18,24 @@ ...@@ -18,16 +18,24 @@
class="bi bi-chevron-down ms-auto"></i> class="bi bi-chevron-down ms-auto"></i>
</a> </a>
<ul id="tables-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav"> <ul id="tables-nav" class="nav-content collapse " data-bs-parent="#sidebar-nav">
<li> <!--Contenido del dropdown-->
<a href="tables-general.html"> <ul class="ks-cboxtags">
<i class="bi bi-circle"></i><span>General Tables</span> <li>
</a> <input type="checkbox" id="checkboxOne" value="Order one">
</li> <label for="checkboxOne">News <span>200</span></label>
<li> </li>
<a href="tables-data.html"> <li>
<i class="bi bi-circle"></i><span>Data Tables</span> <input type="checkbox" id="checkboxTwo" value="Order Two">
</a> <label for="checkboxTwo">Direct Message <span>234</span></label>
</li> </li>
<li>
<input type="checkbox" id="checkboxThree" value="Order Two">
<label for="checkboxThree">Followers <span>1,189</span></label>
</li>
</ul>
</ul> </ul>
</li><!-- End Tables Nav --> </li><!-- End Tables Nav -->
......
app/Views/templates/header.php
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
<!-- Google Fonts --> <!-- Google Fonts -->
<link href="https://fonts.gstatic.com" rel="preconnect"> <link href="https://fonts.gstatic.com" rel="preconnect">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Vendor CSS Files --> <!-- Vendor CSS Files -->
<link href="<?= base_url("bootstrap/css/bootstrap.min.css") ?>" rel="stylesheet"> <link href="<?= base_url("bootstrap/css/bootstrap.min.css") ?>" rel="stylesheet">
<link href="<?= base_url("bootstrap/bootstrap-icons/bootstrap-icons.css") ?>" rel="stylesheet"> <link href="<?= base_url("bootstrap/bootstrap-icons/bootstrap-icons.css") ?>" rel="stylesheet">
......
public/css/style.css
...@@ -1283,3 +1283,90 @@ h6 { ...@@ -1283,3 +1283,90 @@ h6 {
.card-img-overlay { .card-img-overlay {
background-color: rgba(255, 255, 255, 0.6); background-color: rgba(255, 255, 255, 0.6);
} }
ul.ks-cboxtags {
list-style: none;
padding: 20px; }
ul.ks-cboxtags li {
display: block; }
ul.ks-cboxtags li label {
display: inline-block;
background-color: rgba(255, 255, 255, 0.9);
border: 1px solid rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.8);
font-size: 18px;
border-radius: 4px;
white-space: nowrap;
margin: 0 0 10px 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
display: block; }
ul.ks-cboxtags li label {
padding: 10px 20px;
cursor: pointer; }
ul.ks-cboxtags li label::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "FontAwesome";
font-weight: 900;
font-size: 24px;
padding: 0;
margin-right: 15px;
content: "\f1db";
color: rgba(0, 0, 0, 0.2);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
position: absolute;
right: 40px;
margin-top: -5px; }
ul.ks-cboxtags li label span {
background: #f9e090;
font-size: 12px;
padding: 2px 5px;
border-radius: 30px;
color: #fff;
margin-left: 10px; }
ul.ks-cboxtags li input[type="checkbox"]:checked + label::before {
content: "\f058";
-webkit-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: -webkit-transform .3s ease-in-out;
-o-transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out;
transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
color: #fff; }
ul.ks-cboxtags li input[type="checkbox"]:checked + label {
border: 1px solid #c400c6;
background-color: #c400c6;
color: #fff;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s; }
ul.ks-cboxtags li input[type="checkbox"]:checked + label span {
background: #fff;
color: #000; }
ul.ks-cboxtags li input[type="checkbox"] {
display: absolute; }
ul.ks-cboxtags li input[type="checkbox"] {
position: absolute;
opacity: 0; }
\ No newline at end of file
writable/session/ci_session1cgc7m6cprq721gsrkhmbu4c583kt0d4 0 → 100644
__ci_last_regenerate|i:1679658117;_ci_previous_url|s:32:"http://localhost/index.php/login";
\ No newline at end of file
writable/session/ci_session90lkicvtcddigkc0qt79uv3st4vlvec7 0 → 100644
__ci_last_regenerate|i:1679672522;_ci_previous_url|s:32:"http://localhost/index.php/login";
\ No newline at end of file
writable/session/ci_sessionm6phv56h98l1oa09988rphoiqp5gcmcu 0 → 100644
__ci_last_regenerate|i:1679658117;_ci_previous_url|s:32:"http://localhost/index.php/login";
\ No newline at end of file
writable/session/ci_sessionr2m4ik8etjhnh0d1hnqg4ftpnedco1gm 0 → 100644
__ci_last_regenerate|i:1679672522;_ci_previous_url|s:32:"http://localhost/index.php/login";
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment