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

gabinete digital hover color change

Browse Source
This commit is contained in:
Eudes Inácio
2021-10-25 11:19:48 +01:00
parent 1413537df6
commit 6639437934
2 changed files with 42 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/gabinete-digital/gabinete-digital.page.scss
+2 -2
View File
@@ -559,8 +559,8 @@ ion-list{
.active {
color: white !important;
fill: white !important;
border: 1px solid #42b9fe !important;
background: #42b9fe !important;
border: var(--gabinete-active-hove-box-border) !important;
background: var(--gabinete-active-hove-background) !important;
box-sizing: border-box;
.exp-card-content, .icon-selected{
src/theme/variables.scss
+40 -11
View File
@@ -375,12 +375,12 @@ $app-theme: mat-light-theme(
} */
.item-hover:hover {
background-color: #e6f6ff75 !important;
background-color: var(--box-hover-background-color);
}
.box-hover:hover {
background-color: #e6f6ff75 !important;
border: 1px solid #42b9fe !important;
background-color: var(--box-hover-background-color) !important;
border: var(--box-hover-background-border-color) !important;
}
.Rectangle {
@@ -633,10 +633,10 @@ body {
--header-tab-text-white: rgb(0, 0, 0);
--header-container-background: #fff;
--header-bottom-line-background: rgb(255, 0, 0);
--header-bottom-line-background-image: linear-gradient(to right, #C63527, #FFB81C, #FFC72C);
--font-awesome: #FFB81C;
--header-bottom-line-background-image: linear-gradient(to right, #c63527, #ffb81c, #ffc72c);
--font-awesome: #ffb81c;
--color: #D9D9D9;
--color: #d9d9d9;
--color2: #f0f0f0;
--color3: #d9d9d9;
--color4: #d9d9d9ee;
@@ -647,6 +647,12 @@ body {
--gabinete-title-container: #fff;
--gabinete-main-container: #fff;
--gabinete-active-hove-background: #C63527 !important;
--gabinete-active-hove-box-sizing: border-box;
--box-hover-background-color: #e4e8eb75 !important;
--box-hover-background-border-color: 1px solid #ff4040 !important;
}
.default {
@@ -678,9 +684,27 @@ body {
var(--color5) 100%
) !important;
--header-container-background: linear-gradient(270deg, var(--color2) 0%, var(--color3) 23.44%, var(--color4) 78.13%, var(--color5) 100%) !important;
--header-bottom-line-background: linear-gradient(270deg, var(--color2) 0%, var(--color3) 23.44%, var(--color4) 78.13%, var(--color5) 100%) !important;
--header-bottom-line-background-image: linear-gradient(270deg, var(--color2) 0%, var(--color3) 23.44%, var(--color4) 78.13%, var(--color5) 100%) !important;
--header-container-background: linear-gradient(
270deg,
var(--color2) 0%,
var(--color3) 23.44%,
var(--color4) 78.13%,
var(--color5) 100%
) !important;
--header-bottom-line-background: linear-gradient(
270deg,
var(--color2) 0%,
var(--color3) 23.44%,
var(--color4) 78.13%,
var(--color5) 100%
) !important;
--header-bottom-line-background-image: linear-gradient(
270deg,
var(--color2) 0%,
var(--color3) 23.44%,
var(--color4) 78.13%,
var(--color5) 100%
) !important;
--font-awesome: #42b9fe;
--color: #0782c9;
--color2: #45baff;
@@ -693,9 +717,14 @@ body {
--gabinete-title-container: #ecf8ff;
--gabinete-main-container: #ecf8ff;
}
--gabinete-active-hove-background: #42b9fe;
--gabinete-active-hove-box-border: 1px solid #42b9fe;
--box-hover-background-color: #e6f6ff75;
--box-hover-background-border-color: 1px solid #42b9fe;
}
.font-awesome {
color: var(--font-awesome) !important;
}
}