@internetarchive/bookreader 5.0.0-31 → 5.0.0-32-shadydom

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": "@internetarchive/bookreader",
3
- "version": "5.0.0-31",
3
+ "version": "5.0.0-32-shadydom",
4
4
  "description": "The Internet Archive BookReader.",
5
5
  "repository": {
6
6
  "type": "git",
@@ -26,7 +26,7 @@
26
26
  "private": false,
27
27
  "dependencies": {
28
28
  "@internetarchive/ia-activity-indicator": "^0.0.1",
29
- "@internetarchive/ia-item-navigator": "^0.0.4",
29
+ "@internetarchive/ia-item-navigator": "0.0.5-1",
30
30
  "@internetarchive/ia-menu-slider": "^1.1.1",
31
31
  "@internetarchive/ia-sharing-options": "^0.1.4",
32
32
  "@internetarchive/icon-bookmark": "^1.1.3",
@@ -517,6 +517,7 @@ export class BookNavigator extends LitElement {
517
517
  slot > * {
518
518
  display: block;
519
519
  height: inherit;
520
+ width: inherit;
520
521
  }
521
522
  .cover-img {
522
523
  max-height: 300px;
@@ -105,7 +105,7 @@ export class IaBookReader extends LitElement {
105
105
 
106
106
  render() {
107
107
  return html`
108
- <div class="ia-bookreader">
108
+ <div>
109
109
  <ia-item-navigator
110
110
  ?viewportInFullscreen=${this.fullscreen}
111
111
  .basehost=${this.baseHost}
@@ -148,8 +148,6 @@ export class IaBookReader extends LitElement {
148
148
  return css`
149
149
  :host {
150
150
  display: block;
151
- height: inherit;
152
- min-height: inherit;
153
151
  --primaryBGColor: var(--black, #000);
154
152
  --secondaryBGColor: #222;
155
153
  --tertiaryBGColor: #333;
@@ -160,6 +158,8 @@ export class IaBookReader extends LitElement {
160
158
  --secondaryCTABorder: #999;
161
159
  --primaryErrorCTAFill: #e51c26;
162
160
  --primaryErrorCTABorder: #f8c6c8;
161
+ background-color: var(--primaryBGColor);
162
+ position: relative;
163
163
  }
164
164
 
165
165
  :host([fullscreen]),
@@ -170,20 +170,17 @@ export class IaBookReader extends LitElement {
170
170
  min-height: unset;
171
171
  }
172
172
 
173
- div[slot="main"],
174
- div[slot="main"] > * {
175
- height: inherit;
173
+ div[slot="main"] {
174
+ display: flex;
175
+ width: 100%;
176
176
  }
177
177
 
178
- slot {
179
- display: block;
178
+ slot[name="main"] {
179
+ flex: 1;
180
180
  }
181
181
 
182
- .ia-bookreader {
183
- background-color: var(--primaryBGColor);
184
- position: relative;
185
- min-height: inherit;
186
- height: inherit;
182
+ slot {
183
+ display: block;
187
184
  }
188
185
 
189
186
  ia-item-navigator {