From b92a216ee7120957ed91dd24599c139f1eeccc85 Mon Sep 17 00:00:00 2001
From: "tiago.kayaya" <tiago.kayaya@equilibrium.co.ao>
Date: Tue, 6 Apr 2021 10:29:07 +0100
Subject: [PATCH] hide buttons in desktop for actions

---
 .../new-publication/new-publication.page.html          | 10 +++++-----
 .../new-publication/new-publication.page.scss          |  6 +++++-
 src/global.scss                                        | 10 ++++++++++
 3 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/src/app/shared/publication/new-publication/new-publication.page.html b/src/app/shared/publication/new-publication/new-publication.page.html
index 810ff4866..b9ae10405 100644
--- a/src/app/shared/publication/new-publication/new-publication.page.html
+++ b/src/app/shared/publication/new-publication/new-publication.page.html
@@ -29,9 +29,9 @@
     </div>
   </div>
   
-  <div class="container-title py-10">Fotografia Anexada</div>
+  <div class="container-title py-10 hide-desktop">Fotografia Anexada</div>
 
-  <div class="picture d-flex pb-5" *ngIf="publication.FileBase64.length > 10">
+  <div class="picture d-flex pb-5 hide-desktop" *ngIf="publication.FileBase64.length > 10">
     <div  class="post-img">
       <img src="{{publication.FileBase64}}" alt="image" >
     </div>
@@ -45,7 +45,7 @@
     
   </div>
 
-  <div *ngIf="capturedImage != ''" class="ion-item-container-no-border">
+  <div *ngIf="capturedImage != ''" class="ion-item-container-no-border hide-desktop">
     <ion-label class="attached-title">Fotografia Anexada</ion-label>
     <ion-item lines="none">
       <ion-thumbnail slot="start">
@@ -66,7 +66,7 @@
     </ion-thumbnail> -->
   </div>
 
-  <div class="ion-item-container-no-border">
+  <div class="ion-item-container-no-border hide-desktop">
     <ion-label (click)="takePicture()">
       <div class="attach-icon">
         <ion-icon src="assets/images/icons-add-photo.svg"></ion-icon>
@@ -77,7 +77,7 @@
       </ion-label>
   </div>
 
-  <div class="ion-item-container-no-border">
+  <div class="ion-item-container-no-border hide-desktop">
     <ion-label (click)="getPicture()">
       <div class="attach-icon">
         <ion-icon src="assets/images/icons-add-photos.svg"></ion-icon>
diff --git a/src/app/shared/publication/new-publication/new-publication.page.scss b/src/app/shared/publication/new-publication/new-publication.page.scss
index d4f8b2a55..79762d048 100644
--- a/src/app/shared/publication/new-publication/new-publication.page.scss
+++ b/src/app/shared/publication/new-publication/new-publication.page.scss
@@ -152,4 +152,8 @@ font-size: 25px;
 .container-title{
   font-size: 15px;
   font-weight: bold;
-}
\ No newline at end of file
+}
+.hide-desktop{
+  display: block;
+}
+
diff --git a/src/global.scss b/src/global.scss
index 62ac04b65..58b54ef86 100644
--- a/src/global.scss
+++ b/src/global.scss
@@ -293,6 +293,16 @@ border-top: 1px solid #d8d8d8;
         height: 100%;
     }
 }
+
+@media screen and (min-width: 1200px) { 
+    .hide-desktop{
+        display: none !important;
+      }
+      .container-div{
+        border-bottom:none !important;
+      }
+}
+
 .hideAsideOptions{
     @media only screen and (max-width: 800px) {
         .div-icon{