1
1
---
2
2
minimalist-ios-tapbar :
3
- # version 1.0.0
3
+ # version 1.0.1
4
4
# By LRvdLinden
5
5
# Journal
6
6
state-icon-color : " rgb(var(--color-theme))"
@@ -13,16 +13,18 @@ minimalist-ios-tapbar:
13
13
divider-color : " rgba(var(--color-theme),.12)"
14
14
accent-color : " var(--google-yellow)"
15
15
card-mod-theme : " minimalist-ios-tapbar"
16
- header-height : " 97px"
17
-
16
+ card-mod-root : |
17
+ app-toolbar {
18
+ display: none;
19
+ }
20
+ header-height : " 78px"
18
21
card-mod-view-yaml : |
19
22
"*:first-child$": |
20
23
#columns .column > * {
21
24
padding-left: 5px;
22
25
padding-right: 5px;
23
26
padding-bottom: 5px;
24
27
}
25
-
26
28
# Move navbar
27
29
card-mod-root-yaml : |
28
30
ha-tabs$: |
@@ -54,8 +56,9 @@ minimalist-ios-tapbar:
54
56
height: var(--header-height) !important;
55
57
}
56
58
app-toolbar {
57
- height: 115px !important;
58
- padding-bottom: env(safe-area-inset-bottom) !important;
59
+ height: var(--header-height) !important;
60
+ padding: 10px 0px !important;
61
+ background: var( --ha-card-background, var(--card-background-color) );
59
62
}
60
63
#view {
61
64
margin-top: calc(-1 * var(--header-height)) !important;
@@ -66,8 +69,9 @@ minimalist-ios-tapbar:
66
69
--mdc-icon-size: 26px;
67
70
display: flex;
68
71
justify-content: space-between;
69
- padding: 0 10px;
70
- height:50px !important;
72
+ padding: 10px;
73
+ margin-top:15px;
74
+ height:var(--header-height) !important;
71
75
}
72
76
paper-tab[aria-selected=true] {
73
77
color: var(--header-active-tab-color);
@@ -77,12 +81,8 @@ minimalist-ios-tapbar:
77
81
color: var(--header-all-tabs-color);
78
82
border-radius: 25px;
79
83
height:50px;
80
- /*width: calc(100% / 4);
81
- padding: 0;*/
82
- padding-left: 20px;
83
- padding-right: 20px;
84
+ padding: 0 20px;
84
85
}
85
-
86
86
# Color themes
87
87
modes :
88
88
light :
@@ -121,7 +121,7 @@ minimalist-ios-tapbar:
121
121
header-all-tabs-color : " var(--paper-item-icon-color)"
122
122
header-tab-indicator-color : " rgba(0, 0, 0, 0)"
123
123
app-header-text-color : " var(--primary-text-color)"
124
- app-header-background-color : " var( --ha-card- background, var(--card-background- color, white) )"
124
+ app-header-background-color : " var(--primary- background- color)"
125
125
paper-tabs-selection-bar-color : " var(--primary-text-color)"
126
126
footer-shadow : " 0px -1px 3px 0px rgba(0,0,0,0.12)"
127
127
# background and sidebar
@@ -181,7 +181,7 @@ minimalist-ios-tapbar:
181
181
header-all-tabs-color : " var(--paper-item-icon-color)"
182
182
header-tab-indicator-color : " rgba(0, 0, 0, 0)"
183
183
app-header-text-color : " var(--primary-text-color)"
184
- app-header-background-color : " var( --ha-card- background, var(--card-background- color, rgb(29, 29, 29)) )"
184
+ app-header-background-color : " var(--primary- background- color)"
185
185
paper-tabs-selection-bar-color : " var(--primary-text-color)"
186
186
footer-shadow : " 0px -1px 3px 0px rgba(0,0,0,0.12)"
187
187
# background and sidebar
0 commit comments