smoosic 1.0.24 → 1.0.25

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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/release/styles/ribbon.css +5 -10
  3. package/src/styles/ribbon.css +5 -10
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "smoosic",
3
- "version": "1.0.24",
3
+ "version": "1.0.25",
4
4
  "devDependencies": {
5
5
  "copy-webpack-plugin": "^12.0.2",
6
6
  "jquery": "^3.6.0",
package/release/styles/ribbon.css CHANGED
@@ -72,11 +72,10 @@ div.ribbonButtonContainer.expanded {
72
72
 
73
73
  .controls-left {
74
74
  background-color: #fff;
75
- background:transparent;
76
75
  display:flex;
77
- flex: 1 1 auto;
76
+ border-radius:0.25rem;
77
+ flex: 0 1 auto;
78
78
  flex-direction:column;
79
- padding:10px;
80
79
  justify-content:flex-start;
81
80
  }
82
81
 
@@ -204,9 +203,9 @@ button#MicrotoneButtons {
204
203
  padding-top:0.3rem;
205
204
  font-style: italic;
206
205
  }
207
- .smo-text-bg-light {
206
+ .controls-left .btn.smo-text-bg-light {
208
207
  color: #000;
209
- background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1))
208
+ background-color: var(--bs-body-bg);
210
209
  }
211
210
  .btn:hover,
212
211
  .btn-group-vertical.controls-left .btn:hover {
@@ -418,9 +417,6 @@ button.text-icon .left-text .icon-smo {
418
417
  .v4-active #V4Button {
419
418
  background-color:green;
420
419
  }
421
-
422
-
423
-
424
420
  .controls-top button.addChord {
425
421
  width:55px;
426
422
  }
@@ -469,8 +465,7 @@ button.hover-text .ribbon-button-hotkey {
469
465
  font-size:0.7em;
470
466
  }
471
467
  #controls-left .btn-group-vertical button.btn.menu-button {
472
- width: auto;
473
- max-height: 40px;
468
+ max-height: 3rem;
474
469
  }
475
470
  .controls-left button.icon span.icon:before,
476
471
  .controls-top button.icon span.icon:before{
package/src/styles/ribbon.css CHANGED
@@ -72,11 +72,10 @@ div.ribbonButtonContainer.expanded {
72
72
 
73
73
  .controls-left {
74
74
  background-color: #fff;
75
- background:transparent;
76
75
  display:flex;
77
- flex: 1 1 auto;
76
+ border-radius:0.25rem;
77
+ flex: 0 1 auto;
78
78
  flex-direction:column;
79
- padding:10px;
80
79
  justify-content:flex-start;
81
80
  }
82
81
 
@@ -204,9 +203,9 @@ button#MicrotoneButtons {
204
203
  padding-top:0.3rem;
205
204
  font-style: italic;
206
205
  }
207
- .smo-text-bg-light {
206
+ .controls-left .btn.smo-text-bg-light {
208
207
  color: #000;
209
- background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1))
208
+ background-color: var(--bs-body-bg);
210
209
  }
211
210
  .btn:hover,
212
211
  .btn-group-vertical.controls-left .btn:hover {
@@ -418,9 +417,6 @@ button.text-icon .left-text .icon-smo {
418
417
  .v4-active #V4Button {
419
418
  background-color:green;
420
419
  }
421
-
422
-
423
-
424
420
  .controls-top button.addChord {
425
421
  width:55px;
426
422
  }
@@ -469,8 +465,7 @@ button.hover-text .ribbon-button-hotkey {
469
465
  font-size:0.7em;
470
466
  }
471
467
  #controls-left .btn-group-vertical button.btn.menu-button {
472
- width: auto;
473
- max-height: 40px;
468
+ height: 3rem;
474
469
  }
475
470
  .controls-left button.icon span.icon:before,
476
471
  .controls-top button.icon span.icon:before{