peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-19 13:02:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Style for popover in chat finished

Browse Source
This commit is contained in:
tiago.kayaya
2020-12-29 12:40:19 +01:00
parent 2ea9fc58e5
commit 0b4bef8eca
21 changed files with 374 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/shared/popover/chat-popover/chat-popover.page.html
+20 -2
View File
@@ -1,4 +1,4 @@
<div>
<!-- <div>
<ion-toolbar>
<div class="buttons">
<div class="btn-item">
@@ -13,4 +13,22 @@
</div>
</div>
</ion-toolbar>
</div>
</div> -->
<ion-content>
<ion-row>
<ion-col>
<button class="btn-cancel" shape="round" >Sair do Grupo</button>
</ion-col>
<ion-col>
<button class="btn-ok" shape="round" >Alterar nome do grupo</button>
</ion-col>
</ion-row>
<ion-row class="border-top">
<ion-col>
<button class="btn-delete" shape="round">Apagar grupo</button>
</ion-col>
<ion-col>
</ion-col>
</ion-row>
</ion-content>
src/app/shared/popover/chat-popover/chat-popover.page.scss
+11 -45
View File
@@ -1,49 +1,15 @@
.buttons{
overflow: auto;
padding-top: 10px;
padding-bottom: 10px;
ion-row{
padding: 10px 10px 5px 10px;
}
.btn-item{
padding: 2px;
margin: 10px 20px 10px 20px !important;
overflow: auto;
.border-top{
padding-top: 5px !important;
border-top: 1px solid #ebebeb;
}
.btn-ok, .btn-cancel, .btn-delete{
/* ion-col{
border: 1px solid red;
} */
/* .btn-ok, .btn-cancel, .btn-delete{
font-size: 13px;
padding:0 !important;
}
hr.solid {
width: 360px;
border-top: 1px solid #ebebeb;
}
.btn-ok{
display: block;
width: 170px !important;
height: 45px !important;
border-radius: 22.5px;
/* right: 20px !important; */
--background: #42b9fe;
--color: #ffffff !important;
float: left;
}
.btn-cancel{
width: 170px !important;
height: 45px !important;
border-radius: 22.5px;
background-color: #e0e9ee;
--color: #061b52 !important;
--background:transparent;
--box-shadow: none;
float: right;
}
.btn-delete{
width: 170px !important;
height: 45px !important;;
border-radius: 22.5px;
--background: #ffe0e0;
--color: #d30a0a !important;
--padding-start:0 !important;
--padding-end:0 !important;
float: left;
}
} */