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

Improve calendar

Browse Source
This commit is contained in:
Peter Maquiran
2021-01-21 15:45:58 +01:00
parent 36e34b21d9
commit dec8c22856
5 changed files with 65 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/agenda/agenda.page.scss
+7 -3
View File
@@ -32,12 +32,16 @@
}
.with-event {
background-color: #ccc;
border-radius: 15px;
background-color: #fff;
border-radius: 21px;
border-left: 3px solid #ffb703;
border-bottom: none;
border-right: 3px solid #f05d5e;
color: black;
width: 35px;
}
/* TOGGLE button */
.switch {
position: relative;
src/assets/icons-calendar-arrow-down.svg
Executable
+11
View File
@@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25">
<g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<g stroke="#42B9FE" stroke-width="2">
<g>
<g>
<path d="M15.5 7.5L9.5 13 15.5 18.5" transform="translate(-161 -114) translate(0 109) matrix(-1 0 0 1 186 5) matrix(0 -1 -1 0 25.5 25.5)"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 480 B

src/assets/icons-calendar-arrow-left.svg
Executable
+11
View File
@@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
<g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<g stroke="#42B9FE" stroke-width="2">
<g>
<g>
<path d="M22 9L13 18 22 27" transform="translate(-20 -109) translate(0 109) translate(20)"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 433 B

src/assets/icons-calendar-arrow-right.svg
Executable
+11
View File
@@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35">
<g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
<g stroke="#42B9FE" stroke-width="2">
<g>
<g>
<path d="M22 9L13 18 22 27" transform="translate(-196 -109) translate(0 109) matrix(-1 0 0 1 231 0)"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 443 B

src/global.scss
+25
View File
@@ -24,3 +24,28 @@
@import "~@ionic/angular/css/text-alignment.css";
@import "~@ionic/angular/css/text-transformation.css";
@import "~@ionic/angular/css/flex-utils.css";
td.monthview-current{
color: white;
/* border-radius: 89px; */
background: white !important;
justify-content: center;
align-items: center;
/* display: flex; */
height: 100%;
div {
border-radius: 28px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding-left: 9px;
color: white;
background: #42b9fe;
}
}
.monthview-selected {
}