Browse Source

fix slider

Alex Aragón 6 years ago
parent
commit
8f9bc9684e

+ 20 - 2
assets/css/scss/_announcement.scss

@@ -1,3 +1,7 @@
+.announcement-edit{
+  position: absolute;
+  z-index: 3;
+}
 .carousel{
 .carousel{
   .carousel-control-prev,
   .carousel-control-prev,
   .carousel-control-next{
   .carousel-control-next{
@@ -21,8 +25,8 @@
       padding-top: 12%;
       padding-top: 12%;
       padding-left: 15%;
       padding-left: 15%;
       @include portrait($breakpoint-sm, $breakpoint-md){
       @include portrait($breakpoint-sm, $breakpoint-md){
-        padding-top: 12%;
-        padding-left: 15%;
+        padding-top: 0;
+        padding-left: 0;
       }
       }
       @include landscape($breakpoint-sm) {
       @include landscape($breakpoint-sm) {
         padding-top: 0;
         padding-top: 0;
@@ -34,6 +38,14 @@
         color: #ffffff;
         color: #ffffff;
         line-height: 45px;
         line-height: 45px;
         text-align: left;
         text-align: left;
+        @include portrait($breakpoint-sm, $breakpoint-md){
+          font-size: 28px;
+          line-height: 32px;
+        }
+        @include landscape($breakpoint-sm) {
+          font-size: 28px;
+          line-height: 32px;
+        }
       }
       }
       h5{
       h5{
         font-size: 20px;
         font-size: 20px;
@@ -56,6 +68,12 @@
     position: absolute;
     position: absolute;
     z-index: 0;
     z-index: 0;
     overflow: hidden;
     overflow: hidden;
+    @include portrait($breakpoint-sm, $breakpoint-md){
+      height: 80px;
+    }
+    @include landscape($breakpoint-sm) {
+      height: 80px;
+    }
     div{
     div{
       background: repeating-linear-gradient(90deg,#ffffff00,#ffffff00 7px,#00000000 7px,#e4e4e4 9px);
       background: repeating-linear-gradient(90deg,#ffffff00,#ffffff00 7px,#00000000 7px,#e4e4e4 9px);
       transform: rotate(45deg);
       transform: rotate(45deg);

+ 10 - 9
src/ThemeBundle/Resources/views/News/slider.html.twig

@@ -2,6 +2,13 @@
 
 
 {% autoescape false %}
 {% autoescape false %}
 {% set content %}
 {% set content %}
+    {% if is_granted('ROLE_ADMIN') %}
+        <div class="announcement-edit d-block text-right">
+            <a  href="{{ url('legacy_index') }}main/admin/system_announcements.php" class="btn btn-primary btn-sm" >
+                <i class="fas fa-pencil-alt"></i> {{ "Edit this section"|trans }}
+            </a>
+        </div>
+    {% endif %}
     {% if announcements %}
     {% if announcements %}
     <div id="carousel-announcement" class="carousel slide" data-ride="carousel">
     <div id="carousel-announcement" class="carousel slide" data-ride="carousel">
         <ol class="carousel-indicators">
         <ol class="carousel-indicators">
@@ -14,7 +21,7 @@
             {% for announcement in announcements %}
             {% for announcement in announcements %}
                 <div class="carousel-item {% if loop.index0 == 0 %} active {% endif %}">
                 <div class="carousel-item {% if loop.index0 == 0 %} active {% endif %}">
                     <div class="row">
                     <div class="row">
-                        <div class="col-md-6">
+                        <div class="col-12 col-md-6">
                             <div class="announcement-text">
                             <div class="announcement-text">
                                 <div class="d-md-block">
                                 <div class="d-md-block">
                                     <h5>{{ announcement.title }}</h5>
                                     <h5>{{ announcement.title }}</h5>
@@ -29,7 +36,7 @@
                                 </div>
                                 </div>
                             </div>
                             </div>
                         </div>
                         </div>
-                        <div class="col-md-6">
+                        <div class="col-12 col-md-6">
                             <div class="announcement-image">
                             <div class="announcement-image">
                                 <img src="{{ announcement.picture }}" class="d-block" alt="...">
                                 <img src="{{ announcement.picture }}" class="d-block" alt="...">
                                 <div class="dotted-bg-block lines">
                                 <div class="dotted-bg-block lines">
@@ -53,13 +60,7 @@
         </a>
         </a>
     </div>
     </div>
     {% else %}
     {% else %}
-        {% if is_granted('ROLE_ADMIN') %}
-            <div class="d-block text-right">
-                <a  href="{{ url('legacy_index') }}main/admin/system_announcements.php" class="btn btn-primary btn-sm" >
-                    <i class="fas fa-pencil-alt"></i> {{ "Edit this section"|trans }}
-                </a>
-            </div>
-        {% endif %}
+
         <div class="row">
         <div class="row">
             <div class="col-md-6">
             <div class="col-md-6">