peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-18 20:47:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

hide buttons in desktop for actions

Browse Source
This commit is contained in:
tiago.kayaya
2021-04-06 10:29:07 +01:00
parent 8ced295f64
commit b92a216ee7
3 changed files with 20 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/shared/publication/new-publication/new-publication.page.html
+5 -5
View File
@@ -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>
src/app/shared/publication/new-publication/new-publication.page.scss
+4
View File
@@ -153,3 +153,7 @@ font-size: 25px;
font-size: 15px;
font-weight: bold;
}
.hide-desktop{
display: block;
}
src/global.scss
+10
View File
@@ -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{