with chevron

lageIBUSP · Jun 28, 2024 · 25a7a5a · 25a7a5a
1 parent 3110527
commit 25a7a5a
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 31 deletions.
diff --git a/public/css/app.css b/public/css/app.css
diff --git a/public/css/app.css.map b/public/css/app.css.map
diff --git a/resources/sass/app.scss b/resources/sass/app.scss
@@ -154,6 +154,24 @@ footer {
     transition: background-color 400ms ease-in-out, border-color 400ms ease-in-out, color 400ms ease-in-out;
 }
 
+a[data-toggle="collapse"] .rotate {
+    -webkit-transition: all 0.2s ease-out;
+    -moz-transition: all 0.2s ease-out;
+    -ms-transition: all 0.2s ease-out;
+    -o-transition: all 0.2s ease-out;
+    transition: all 0.2s ease-out;
+    -moz-transform: rotate(90deg);
+    -ms-transform: rotate(90deg);
+    -webkit-transform: rotate(90deg);
+    transform: rotate(90deg);
+ }
+ a[data-toggle="collapse"].collapsed .rotate {
+    -moz-transform: rotate(0deg);
+    -ms-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+ }
+
 // Styles forms but only inside the main area of the site:
 .container-main {
     padding: 30px;

diff --git a/resources/views/exercicio/table.blade.php b/resources/views/exercicio/table.blade.php
@@ -1,35 +1,19 @@
 <table class="table table-striped table-bordered">
-    <thead>
-        <tr>
-            <td>Título</td>
-            @if ($editButton ?? '')
-                <td>Ações</td>
-            @endif
-        </tr>
-    </thead>
     <tbody>
     @foreach($exercicios as $key => $value)
         <tr>
             <td>
                 <a href={{URL::to("/exercicio/".$value->id)}}>
-                <div style="height:100%;width:100%">
                     {!! $value->name !!} {{$value->draft ? '!!RASCUNHO!!' :''}}
-                </div>
                 </a>
-            </td>
-
-            @if ($editButton ?? '')
-            <td>
 
-                <!-- edit -->
                 @if ($editButton ?? '')
-                @can ('edit', $value)
-                <a class="btn btn-small btn-edit" href="{{ URL::to('exercicio/' . $value->id . '/edit') }}">Editar</a>
-                @endcan
+                    @can ('edit', $value)
+                        <a class="btn btn-small btn-edit pull-right" href="{{ URL::to('exercicio/' . $value->id . '/edit') }}">Editar</a>
+                    @endcan
                 @endif
 
             </td>
-            @endif
         </tr>
     @endforeach
     </tbody>

diff --git a/resources/views/topico/table.blade.php b/resources/views/topico/table.blade.php
@@ -2,17 +2,19 @@
 
     <a class="collapse-button collapsed" data-toggle="collapse"
         href="#topico{{$value->order}}"
-        role="button" aria-expanded="true"
+        role="button" aria-expanded="false"
         aria-controls="topico{{$value->order}}">
-        <h2>{{$value->name}}
+        <h2>
+            {{$value->name}}
+            <i class="fa fa-chevron-right rotate"></i>
 
-                <!-- edit -->
-                @can ('edit', $value)
-                <a class="btn btn-small btn-edit" href="{{ URL::to('topico/' . $value->id . '/edit') }}">Editar</a>
-                @endcan
+            <!-- edit -->
+            @can ('edit', $value)
+            <a class="btn btn-small btn-edit pull-right" href="{{ URL::to('topico/' . $value->id . '/edit') }}">Editar</a>
+            @endcan
         </h2>
     </a>
-    <div class="collapse show" id="topico{{$value->order}}">
+    <div class="collapse" id="topico{{$value->order}}">
         @include('exercicio.table', ['editButton' => true, 'exercicios' => $value->exercicios])
     </div>
 
@@ -21,10 +23,12 @@
 {{-- exercicios sem topico --}}
 <a class="collapse-button collapsed" data-toggle="collapse"
     href="#semTopico"
-    role="button" aria-expanded="true"
+    role="button" aria-expanded="false"
     aria-controls="semTopico">
-    <h2>Outros exercícios</h2>
+    <h2>Outros exercícios
+    <i class="fa fa-chevron-right rotate"></i>
+    </h2>
 </a>
-<div class="collapse show" id="semTopico">
+<div class="collapse" id="semTopico">
     @include('exercicio.table', ['editButton' => true, 'exercicios' => $semTopico])
 </div>