Skip to content

Commit 86b7160

Browse files
SharonStratsSharonStrats
committed
change data-layout to mashlib-layout
1 parent 8f5c1df commit 86b7160

16 files changed

Lines changed: 90 additions & 90 deletions

‎src/RDFXMLPane.css‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -33,17 +33,17 @@
3333
white-space: pre;
3434
}
3535

36-
.rdfxml-pane[data-layout='mobile'] .rdfxml-pane__source {
36+
.rdfxml-pane[data-mashlib-layout='mobile'] .rdfxml-pane__source {
3737
overflow-wrap: anywhere;
3838
word-break: break-word;
3939
white-space: normal;
4040
}
4141

42-
.rdfxml-pane[data-layout='mobile'] .rdfxml-pane__line {
42+
.rdfxml-pane[data-mashlib-layout='mobile'] .rdfxml-pane__line {
4343
grid-template-columns: var(--rdfxml-indent, 0) minmax(0, 1fr);
4444
}
4545

46-
.rdfxml-pane[data-layout='mobile'] .rdfxml-pane__line-content {
46+
.rdfxml-pane[data-mashlib-layout='mobile'] .rdfxml-pane__line-content {
4747
white-space: pre-wrap;
4848
overflow-wrap: anywhere;
4949
word-break: break-word;

‎src/RDFXMLPane.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -76,7 +76,7 @@ export const RDFXMLPane: RDFXMLPaneDefinition = {
7676

7777
function applyEnvironmentAttributes (element: HTMLDivElement): void {
7878
const environment = (context.environment ?? {}) as Partial<RenderEnvironment>
79-
element.dataset.layout = environment.layout ?? 'desktop'
79+
element.dataset.mashlibLayout = environment.layout ?? 'desktop'
8080
}
8181

8282
const div = myDocument.createElement('div')

‎src/dataContentPane.css‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -159,13 +159,13 @@ div.data-content-pane td.data-content-pane__predicate-cell a {
159159
background-color: var(--color-background-row-alternate, #f0f0f0);
160160
}
161161

162-
div.data-content-pane[data-layout='mobile'] .data-content-pane__row--root {
162+
div.data-content-pane[data-mashlib-layout='mobile'] .data-content-pane__row--root {
163163
display: flex;
164164
align-items: flex-start;
165165
padding-bottom: var(--spacing-xs, 0.75rem);
166166
}
167167

168-
div.data-content-pane[data-layout='mobile'] .data-content-pane__subject-cell {
168+
div.data-content-pane[data-mashlib-layout='mobile'] .data-content-pane__subject-cell {
169169
flex: 0 0 40%;
170170
width: 40%;
171171
max-width: 40%;
@@ -174,49 +174,49 @@ div.data-content-pane[data-layout='mobile'] .data-content-pane__subject-cell {
174174
padding-bottom: 0;
175175
}
176176

177-
div.data-content-pane[data-layout='mobile'] .data-content-pane__details-cell {
177+
div.data-content-pane[data-mashlib-layout='mobile'] .data-content-pane__details-cell {
178178
flex: 0 0 60%;
179179
width: 60%;
180180
max-width: 60%;
181181
min-width: 0;
182182
box-sizing: border-box;
183183
}
184184

185-
div.data-content-pane[data-layout='mobile'] table.data-content-pane__table--property > tbody > tr,
186-
div.data-content-pane[data-layout='mobile'] table.data-content-pane__table--property > tr {
185+
div.data-content-pane[data-mashlib-layout='mobile'] table.data-content-pane__table--property > tbody > tr,
186+
div.data-content-pane[data-mashlib-layout='mobile'] table.data-content-pane__table--property > tr {
187187
margin-bottom: 0;
188188
}
189189

190-
div.data-content-pane[data-layout='mobile'] .data-content-pane__row--top-aligned + .data-content-pane__row--top-aligned {
190+
div.data-content-pane[data-mashlib-layout='mobile'] .data-content-pane__row--top-aligned + .data-content-pane__row--top-aligned {
191191
margin-top: 0;
192192
}
193193

194-
div.data-content-pane[data-layout='mobile'] .data-content-pane__row--top-aligned {
194+
div.data-content-pane[data-mashlib-layout='mobile'] .data-content-pane__row--top-aligned {
195195
display: block;
196196
margin-bottom: 0;
197197
padding-top: 0;
198198
padding-bottom: 0;
199199
}
200200

201-
div.data-content-pane[data-layout='mobile'] table.data-content-pane__table--property,
202-
div.data-content-pane[data-layout='mobile'] table.data-content-pane__table--property > tbody {
201+
div.data-content-pane[data-mashlib-layout='mobile'] table.data-content-pane__table--property,
202+
div.data-content-pane[data-mashlib-layout='mobile'] table.data-content-pane__table--property > tbody {
203203
display: block;
204204
width: 100%;
205205
}
206206

207-
div.data-content-pane[data-layout='mobile'] table.data-content-pane__table--property td {
207+
div.data-content-pane[data-mashlib-layout='mobile'] table.data-content-pane__table--property td {
208208
display: block;
209209
width: 100%;
210210
box-sizing: border-box;
211211
}
212212

213-
div.data-content-pane[data-layout='mobile'] table.data-content-pane__table--property td.data-content-pane__predicate-cell {
213+
div.data-content-pane[data-mashlib-layout='mobile'] table.data-content-pane__table--property td.data-content-pane__predicate-cell {
214214
width: 100%;
215215
min-width: 0;
216216
padding-bottom: 0.1rem;
217217
}
218218

219-
div.data-content-pane[data-layout='mobile'] table.data-content-pane__table--property td:not(.data-content-pane__predicate-cell) {
219+
div.data-content-pane[data-mashlib-layout='mobile'] table.data-content-pane__table--property td:not(.data-content-pane__predicate-cell) {
220220
padding-top: 0;
221221
padding-left: 0.85rem;
222222
}

‎src/dataContentPane.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -285,7 +285,7 @@ export const dataContentPane = {
285285

286286
function applyEnvironmentAttributes (element: HTMLDivElement): void {
287287
const environment = (context.environment ?? {}) as Partial<RenderEnvironment>
288-
element.dataset.layout = environment.layout ?? 'desktop'
288+
element.dataset.mashlibLayout = environment.layout ?? 'desktop'
289289
element.dataset.theme = environment.theme ?? 'light'
290290
element.dataset.inputMode = environment.inputMode ?? 'pointer'
291291
}

‎src/defaultPane.css‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -54,23 +54,23 @@
5454
grid-column: 1 / -1;
5555
}
5656

57-
.defaultPane[data-layout='mobile'] > tr {
57+
.defaultPane[data-mashlib-layout='mobile'] > tr {
5858
grid-template-columns: minmax(0, 1fr);
5959
}
6060

61-
.defaultPane[data-layout='mobile'] > tr > td.pred,
62-
.defaultPane[data-layout='mobile'] > tr > td.obj {
61+
.defaultPane[data-mashlib-layout='mobile'] > tr > td.pred,
62+
.defaultPane[data-mashlib-layout='mobile'] > tr > td.obj {
6363
display: block;
6464
grid-column: 1;
6565
width: 100%;
6666
box-sizing: border-box;
6767
}
6868

69-
.defaultPane[data-layout='mobile'] > tr > td.pred {
69+
.defaultPane[data-mashlib-layout='mobile'] > tr > td.pred {
7070
padding-bottom: var(--spacing-small, 0.1rem);
7171
}
7272

73-
.defaultPane[data-layout='mobile'] > tr > td.obj {
73+
.defaultPane[data-mashlib-layout='mobile'] > tr > td.obj {
7474
padding-left: var(--default-pane-object-indent) !important;
7575
}
7676

‎src/defaultPane.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@ export const defaultPane: DefaultPaneDefinition = {
5555

5656
function applyEnvironmentAttributes (element: HTMLDivElement): void {
5757
const environment = (context.environment ?? {}) as Partial<RenderEnvironment>
58-
element.dataset.layout = environment.layout ?? 'desktop'
58+
element.dataset.mashlibLayout = environment.layout ?? 'desktop'
5959
}
6060

6161
const filter = function (pred: NamedNode, inverse: boolean): boolean {

‎src/form/formPane.css‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -67,24 +67,24 @@
6767
top: 0;
6868
}
6969

70-
.formPane[data-layout='mobile'] .formPane__mobileTextareaRow {
70+
.formPane[data-mashlib-layout='mobile'] .formPane__mobileTextareaRow {
7171
flex-direction: column !important;
7272
align-items: stretch;
7373
}
7474

75-
.formPane[data-layout='mobile'] .formPane__mobileTextareaLabel {
75+
.formPane[data-mashlib-layout='mobile'] .formPane__mobileTextareaLabel {
7676
width: auto !important;
7777
padding-bottom: 0;
7878
}
7979

80-
.formPane[data-layout='mobile'] .formPane__mobileTextareaValue {
80+
.formPane[data-mashlib-layout='mobile'] .formPane__mobileTextareaValue {
8181
box-sizing: border-box;
8282
min-width: 0;
8383
padding-right: var(--spacing-sm, 0.75rem);
8484
width: 100%;
8585
}
8686

87-
.formPane[data-layout='mobile'] .formPane__mobileTextareaValue textarea {
87+
.formPane[data-mashlib-layout='mobile'] .formPane__mobileTextareaValue textarea {
8888
box-sizing: border-box;
8989
margin-left: 0 !important;
9090
margin-right: 0 !important;

‎src/form/pane.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -102,7 +102,7 @@ export const formPane: PaneDefinition = {
102102

103103
function applyEnvironmentAttributes (element: HTMLDivElement): void {
104104
const environment = (context.environment ?? {}) as Partial<RenderEnvironment>
105-
element.dataset.layout = environment.layout ?? 'desktop'
105+
element.dataset.mashlibLayout = environment.layout ?? 'desktop'
106106
}
107107

108108
applyEnvironmentAttributes(box)

‎src/humanReadablePane.css‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -88,19 +88,19 @@
8888
word-break: break-word;
8989
}
9090

91-
.human-readable-pane[data-layout='mobile'] .human-readable-pane__frame {
91+
.human-readable-pane[data-mashlib-layout='mobile'] .human-readable-pane__frame {
9292
padding: 0.75rem;
9393
resize: none;
9494
min-width: 0;
9595
}
9696

97-
.human-readable-pane[data-layout='mobile'] .human-readable-pane__frame--markdown,
98-
.human-readable-pane[data-layout='mobile'] .human-readable-pane__frame--plain-text {
97+
.human-readable-pane[data-mashlib-layout='mobile'] .human-readable-pane__frame--markdown,
98+
.human-readable-pane[data-mashlib-layout='mobile'] .human-readable-pane__frame--plain-text {
9999
overflow-wrap: anywhere;
100100
word-break: break-word;
101101
}
102102

103-
.human-readable-pane[data-layout='mobile'] .human-readable-pane__frame--iframe {
103+
.human-readable-pane[data-mashlib-layout='mobile'] .human-readable-pane__frame--iframe {
104104
width: 100%;
105105
max-width: 100%;
106106
min-height: 16rem;

‎src/humanReadablePane.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -202,7 +202,7 @@ const humanReadablePane: HumanReadablePaneDefinition = {
202202

203203
function applyEnvironmentAttributes (element: HTMLDivElement): void {
204204
const environment = (context.environment ?? {}) as Partial<RenderEnvironment>
205-
element.dataset.layout = environment.layout ?? 'desktop'
205+
element.dataset.mashlibLayout = environment.layout ?? 'desktop'
206206
}
207207

208208
const cts = kb.fetcher.getHeader(subject.doc(), 'content-type')

0 commit comments

Comments
 (0)