toggle-components-library 1.23.4 → 1.23.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "toggle-components-library",
3
- "version": "1.23.4",
3
+ "version": "1.23.7",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <div class="toggle-fill-loader-container">
2
+ <div class="toggle-fill-loader-container" :class="{'toggle-fill-loader-container-transparent':transparent}">
3
3
  <div class="toggle-fill-loader-container-background">
4
4
  <div class="toggle-fill-loader" ></div>
5
5
  </div>
@@ -10,6 +10,10 @@
10
10
  export default {
11
11
  name: 'ButtonPrimary',
12
12
  props: {
13
+ transparent:{
14
+ typer:Boolean,
15
+ default:true
16
+ },
13
17
  buttonText: {
14
18
  type: String,
15
19
  default: "button"
@@ -1,12 +1,15 @@
1
1
 
2
2
  .toggle-fill-loader-container{
3
- position:absolute;
4
3
  top:0;
5
4
  left:0;
6
- height:100%;
7
- width:100%;
5
+ height: 100vh;
6
+ width:100vh;
8
7
  z-index:10;
9
8
  background: white;
9
+ position: fixed !important;
10
+ &.toggle-fill-loader-container-transparent{
11
+ background: rgba(255,255,255,0.8) !important;
12
+ }
10
13
  }
11
14
  .toggle-fill-loader-container-background{
12
15
 
@@ -131,6 +131,8 @@
131
131
  //
132
132
 
133
133
  .toggle-multi-tier-sidenav-container {
134
+
135
+ line-height: 0;
134
136
  font-size: $toggle-font-size-regular;
135
137
  width: 25%;
136
138
  float: left;
@@ -178,9 +180,13 @@
178
180
  list-style: none;
179
181
  font-family: $toggle-font-family;
180
182
  font-size: 1.1rem;
181
- font-weight: bold;
183
+ font-weight: bold !important;
182
184
  padding-bottom: 0.25rem;
183
185
 
186
+ a, span{
187
+ font-weight: bold !important;
188
+ }
189
+
184
190
  &.active {
185
191
  > a, > span {
186
192
  background: #FFF;