@somecat/epub-reader 0.1.5 → 0.1.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/style.css CHANGED
@@ -103,6 +103,13 @@
103
103
  justify-content: center;
104
104
  }
105
105
 
106
+ .epub-reader__btn--wide {
107
+ min-width: 72px;
108
+ padding-left: 14px;
109
+ padding-right: 14px;
110
+ line-height: 1.2;
111
+ }
112
+
106
113
  .epub-reader__btn svg {
107
114
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
108
115
  }
@@ -367,7 +374,8 @@
367
374
  }
368
375
 
369
376
  .epub-reader__input {
370
- width: 100%;
377
+ flex: 1 1 auto;
378
+ min-width: 0;
371
379
  padding: 8px 10px;
372
380
  border-radius: 8px;
373
381
  border: 1px solid var(--epub-reader-border);
@@ -559,7 +567,7 @@
559
567
  align-items: center;
560
568
  justify-content: center;
561
569
  color: inherit;
562
- opacity: 0.75;
570
+ opacity: 0.85;
563
571
  transition: all 0.2s ease;
564
572
  }
565
573
 
@@ -782,6 +790,37 @@
782
790
  gap: 12px;
783
791
  }
784
792
 
793
+ .epub-reader__msettings-row {
794
+ display: flex;
795
+ align-items: stretch;
796
+ gap: 10px;
797
+ }
798
+
799
+ .epub-reader__msettings-row > .epub-reader__msetting {
800
+ flex: 2 1 0;
801
+ min-width: 0;
802
+ }
803
+
804
+ .epub-reader__msettings-row > .epub-reader__btn {
805
+ flex: 0 0 44px;
806
+ width: 44px;
807
+ height: 44px;
808
+ min-width: 44px;
809
+ padding: 0;
810
+ border-radius: 14px;
811
+ background: rgba(0, 0, 0, 0.04);
812
+ align-self: center;
813
+ }
814
+
815
+ .epub-reader[data-theme='dark'] .epub-reader__msettings-row > .epub-reader__btn {
816
+ background: rgba(255, 255, 255, 0.08);
817
+ }
818
+
819
+ .epub-reader__msettings-row .epub-reader__range {
820
+ width: 100%;
821
+ max-width: 100%;
822
+ }
823
+
785
824
  .epub-reader__msetting {
786
825
  display: flex;
787
826
  flex-direction: column;
@@ -811,7 +850,7 @@
811
850
  .epub-reader__msetting-value {
812
851
  font-size: 12px;
813
852
  font-variant-numeric: tabular-nums;
814
- opacity: 0.75;
853
+ opacity: 0.85;
815
854
  }
816
855
 
817
856
  .epub-reader__msettings .epub-reader__btn {