diff --git a/pdf/src/campPrint/picasso/DayColumn.vue b/pdf/src/campPrint/picasso/DayColumn.vue index c7c9c95dfd..7f69fd4dc1 100644 --- a/pdf/src/campPrint/picasso/DayColumn.vue +++ b/pdf/src/campPrint/picasso/DayColumn.vue @@ -16,6 +16,7 @@ ...positionStyles[scheduleEntry.id], ...borderRadiusStyles[scheduleEntry.id], }" + :percentage-height="positionStyles[scheduleEntry.id].percentageHeight" /> @@ -86,6 +87,7 @@ export default { bottom: bottom + '%', left: left + '%', right: 100 - width - left + '%', + percentageHeight: 100 - bottom - top, } }), 'id' diff --git a/pdf/src/campPrint/picasso/ScheduleEntry.vue b/pdf/src/campPrint/picasso/ScheduleEntry.vue index 9ed3756df5..6219f632f4 100644 --- a/pdf/src/campPrint/picasso/ScheduleEntry.vue +++ b/pdf/src/campPrint/picasso/ScheduleEntry.vue @@ -1,11 +1,11 @@ diff --git a/pdf/src/renderer/__tests__/__snapshots__/vueRenderer.spec.js.snap b/pdf/src/renderer/__tests__/__snapshots__/vueRenderer.spec.js.snap index 8610ae87b1..a0b5ec601b 100644 --- a/pdf/src/renderer/__tests__/__snapshots__/vueRenderer.spec.js.snap +++ b/pdf/src/renderer/__tests__/__snapshots__/vueRenderer.spec.js.snap @@ -1277,12 +1277,12 @@ exports[`rendering a full camp > renders a single activity 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -2929,8 +2929,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -3086,9 +3091,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "36.111111111111114%", - "color": "#000", "id": "4bc1873a73f2", "left": "0%", + "percentageHeight": 5.55555555555555, "right": "0%", "top": "58.333333333333336%", }, @@ -3100,12 +3105,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "36.111111111111114%", - "color": "#000", "flexDirection": "column", "id": "4bc1873a73f2", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 5.55555555555555, "position": "absolute", "right": "0%", "top": "58.333333333333336%", @@ -3144,8 +3149,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -3254,9 +3264,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "30.555555555555557%", - "color": "#000", "id": "c3d36cd00544", "left": "0%", + "percentageHeight": 5.555555555555557, "right": "0%", "top": "63.888888888888886%", }, @@ -3268,12 +3278,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "30.555555555555557%", - "color": "#000", "flexDirection": "column", "id": "c3d36cd00544", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 5.555555555555557, "position": "absolute", "right": "0%", "top": "63.888888888888886%", @@ -3312,8 +3322,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -3422,9 +3437,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "19.444444444444443%", - "color": "#000", "id": "c7cdd9cc23bc", "left": "0%", + "percentageHeight": 11.111111111111114, "right": "0%", "top": "69.44444444444444%", }, @@ -3436,12 +3451,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "19.444444444444443%", - "color": "#000", "flexDirection": "column", "id": "c7cdd9cc23bc", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 11.111111111111114, "position": "absolute", "right": "0%", "top": "69.44444444444444%", @@ -3480,8 +3495,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -3590,9 +3610,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "9.722222222222229%", - "color": "#000", "id": "60a0b0635d46", "left": "0%", + "percentageHeight": 9.722222222222214, "right": "0%", "top": "80.55555555555556%", }, @@ -3604,12 +3624,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "9.722222222222229%", - "color": "#000", "flexDirection": "column", "id": "60a0b0635d46", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 9.722222222222214, "position": "absolute", "right": "0%", "top": "80.55555555555556%", @@ -3648,10 +3668,15 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "4.1666666666667pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", - "fontSize": "8pt", + "fontSize": "4.1666666666667pt", "height": "16pt", "lineHeight": "1", }, @@ -3758,9 +3783,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "8.333333333333329%", - "color": "#000", "id": "b12d0af13de0", "left": "0%", + "percentageHeight": 1.3888888888889, "right": "0%", "top": "90.27777777777777%", }, @@ -3772,12 +3797,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "8.333333333333329%", - "color": "#000", "flexDirection": "column", "id": "b12d0af13de0", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 1.3888888888889, "position": "absolute", "right": "0%", "top": "90.27777777777777%", @@ -3816,8 +3841,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -3926,9 +3956,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "2.8703703703703667%", - "color": "#000", "id": "4b4f2d67ee32", "left": "0%", + "percentageHeight": 2.6851851851851904, "right": "0%", "top": "94.44444444444444%", }, @@ -3940,12 +3970,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "2.8703703703703667%", - "color": "#000", "flexDirection": "column", "id": "4b4f2d67ee32", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 2.6851851851851904, "position": "absolute", "right": "0%", "top": "94.44444444444444%", @@ -4389,10 +4419,15 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "4.166666666666668pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", - "fontSize": "8pt", + "fontSize": "4.166666666666668pt", "height": "16pt", "lineHeight": "1", }, @@ -4499,9 +4534,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "87.5%", - "color": "#000", "id": "47239db6a8e4", "left": "0%", + "percentageHeight": 1.3888888888888893, "right": "0%", "top": "11.11111111111111%", }, @@ -4513,12 +4548,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "87.5%", - "color": "#000", "flexDirection": "column", "id": "47239db6a8e4", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 1.3888888888888893, "position": "absolute", "right": "0%", "top": "11.11111111111111%", @@ -4557,8 +4592,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -4667,9 +4707,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "80.55555555555556%", - "color": "#000", "id": "9377c93f08e1", "left": "0%", + "percentageHeight": 5.555555555555554, "right": "0%", "top": "13.88888888888889%", }, @@ -4681,12 +4721,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "80.55555555555556%", - "color": "#000", "flexDirection": "column", "id": "9377c93f08e1", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 5.555555555555554, "position": "absolute", "right": "0%", "top": "13.88888888888889%", @@ -4725,8 +4765,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -4835,9 +4880,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "75%", - "color": "#000", "id": "79ab44e7d96a", "left": "0%", + "percentageHeight": 5.555555555555557, "right": "0%", "top": "19.444444444444443%", }, @@ -4849,12 +4894,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "75%", - "color": "#000", "flexDirection": "column", "id": "79ab44e7d96a", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 5.555555555555557, "position": "absolute", "right": "0%", "top": "19.444444444444443%", @@ -4893,8 +4938,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -5003,9 +5053,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "66.66666666666666%", - "color": "#000", "id": "46cad2b11017", "left": "0%", + "percentageHeight": 8.333333333333343, "right": "0%", "top": "25%", }, @@ -5017,12 +5067,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "66.66666666666666%", - "color": "#000", "flexDirection": "column", "id": "46cad2b11017", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 8.333333333333343, "position": "absolute", "right": "0%", "top": "25%", @@ -5061,8 +5111,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -5171,9 +5226,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "55.55555555555556%", - "color": "#000", "id": "3935f7974ef8", "left": "0%", + "percentageHeight": 11.111111111111107, "right": "0%", "top": "33.333333333333336%", }, @@ -5185,12 +5240,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "55.55555555555556%", - "color": "#000", "flexDirection": "column", "id": "3935f7974ef8", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 11.111111111111107, "position": "absolute", "right": "0%", "top": "33.333333333333336%", @@ -5229,8 +5284,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -5339,9 +5399,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "43.05555555555556%", - "color": "#000", "id": "9c5b963da5e1", "left": "0%", + "percentageHeight": 12.5, "right": "0%", "top": "44.44444444444444%", }, @@ -5353,12 +5413,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "43.05555555555556%", - "color": "#000", "flexDirection": "column", "id": "9c5b963da5e1", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 12.5, "position": "absolute", "right": "0%", "top": "44.44444444444444%", @@ -5397,8 +5457,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -5507,9 +5572,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "33.33333333333333%", - "color": "#000", "id": "f2923b997126", "left": "0%", + "percentageHeight": 9.722222222222229, "right": "0%", "top": "56.94444444444444%", }, @@ -5521,12 +5586,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "33.33333333333333%", - "color": "#000", "flexDirection": "column", "id": "f2923b997126", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 9.722222222222229, "position": "absolute", "right": "0%", "top": "56.94444444444444%", @@ -5565,8 +5630,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -5675,9 +5745,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "22.22222222222223%", - "color": "#000", "id": "8efed0b671f0", "left": "0%", + "percentageHeight": 11.1111111111111, "right": "0%", "top": "66.66666666666667%", }, @@ -5689,12 +5759,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "22.22222222222223%", - "color": "#000", "flexDirection": "column", "id": "8efed0b671f0", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 11.1111111111111, "position": "absolute", "right": "0%", "top": "66.66666666666667%", @@ -5733,8 +5803,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -5843,9 +5918,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "12.5%", - "color": "#000", "id": "3da4545af722", "left": "0%", + "percentageHeight": 9.722222222222229, "right": "0%", "top": "77.77777777777777%", }, @@ -5857,12 +5932,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "12.5%", - "color": "#000", "flexDirection": "column", "id": "3da4545af722", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 9.722222222222229, "position": "absolute", "right": "0%", "top": "77.77777777777777%", @@ -6305,8 +6380,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -6415,9 +6495,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "88.88888888888889%", - "color": "#000", "id": "2be7a86b82f3", "left": "0%", + "percentageHeight": 2.7777777777777803, "right": "0%", "top": "8.333333333333334%", }, @@ -6429,12 +6509,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "88.88888888888889%", - "color": "#000", "flexDirection": "column", "id": "2be7a86b82f3", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 2.7777777777777803, "position": "absolute", "right": "0%", "top": "8.333333333333334%", @@ -6473,8 +6553,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -6583,9 +6668,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "83.33333333333333%", - "color": "#000", "id": "3dcbe2a92578", "left": "0%", + "percentageHeight": 5.555555555555561, "right": "0%", "top": "11.11111111111111%", }, @@ -6597,12 +6682,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "83.33333333333333%", - "color": "#000", "flexDirection": "column", "id": "3dcbe2a92578", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 5.555555555555561, "position": "absolute", "right": "0%", "top": "11.11111111111111%", @@ -6641,8 +6726,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -6751,9 +6841,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "69.44444444444444%", - "color": "#000", "id": "69226b3e49d7", "left": "0%", + "percentageHeight": 13.88888888888889, "right": "0%", "top": "16.666666666666668%", }, @@ -6765,12 +6855,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "69.44444444444444%", - "color": "#000", "flexDirection": "column", "id": "69226b3e49d7", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 13.88888888888889, "position": "absolute", "right": "0%", "top": "16.666666666666668%", @@ -6809,8 +6899,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -6919,9 +7014,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "63.888888888888886%", - "color": "#000", "id": "a3389bd0ea0f", "left": "0%", + "percentageHeight": 5.555555555555557, "right": "0%", "top": "30.555555555555557%", }, @@ -6933,12 +7028,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "63.888888888888886%", - "color": "#000", "flexDirection": "column", "id": "a3389bd0ea0f", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 5.555555555555557, "position": "absolute", "right": "0%", "top": "30.555555555555557%", @@ -6977,8 +7072,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -7087,9 +7187,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "51.388888888888886%", - "color": "#000", "id": "6ee7b9aa5f9b", "left": "0%", + "percentageHeight": 12.5, "right": "0%", "top": "36.111111111111114%", }, @@ -7101,12 +7201,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "51.388888888888886%", - "color": "#000", "flexDirection": "column", "id": "6ee7b9aa5f9b", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 12.5, "position": "absolute", "right": "0%", "top": "36.111111111111114%", @@ -7145,8 +7245,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -7255,9 +7360,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "37.5%", - "color": "#000", "id": "501abe71a6ab", "left": "0%", + "percentageHeight": 13.888888888888886, "right": "0%", "top": "48.611111111111114%", }, @@ -7269,12 +7374,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "37.5%", - "color": "#000", "flexDirection": "column", "id": "501abe71a6ab", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 13.888888888888886, "position": "absolute", "right": "0%", "top": "48.611111111111114%", @@ -7313,8 +7418,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -7423,9 +7533,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "30.555555555555557%", - "color": "#000", "id": "a3d6ebc0b3ee", "left": "0%", + "percentageHeight": 6.944444444444443, "right": "0%", "top": "62.5%", }, @@ -7437,12 +7547,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "30.555555555555557%", - "color": "#000", "flexDirection": "column", "id": "a3d6ebc0b3ee", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 6.944444444444443, "position": "absolute", "right": "0%", "top": "62.5%", @@ -7481,8 +7591,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -7591,9 +7706,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "19.444444444444443%", - "color": "#000", "id": "d28860c99b46", "left": "0%", + "percentageHeight": 11.111111111111114, "right": "0%", "top": "69.44444444444444%", }, @@ -7605,12 +7720,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "19.444444444444443%", - "color": "#000", "flexDirection": "column", "id": "d28860c99b46", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 11.111111111111114, "position": "absolute", "right": "0%", "top": "69.44444444444444%", @@ -7649,8 +7764,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -7759,9 +7879,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "4.166666666666671%", - "color": "#000", "id": "6128f7aa752f", "left": "0%", + "percentageHeight": 15.277777777777771, "right": "0%", "top": "80.55555555555556%", }, @@ -7773,12 +7893,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "4.166666666666671%", - "color": "#000", "flexDirection": "column", "id": "6128f7aa752f", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 15.277777777777771, "position": "absolute", "right": "0%", "top": "80.55555555555556%", @@ -8221,8 +8341,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -8331,9 +8456,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "91.66666666666667%", - "color": "#000", "id": "c76ea4bae834", "left": "0%", + "percentageHeight": 2.7777777777777732, "right": "0%", "top": "5.555555555555555%", }, @@ -8345,12 +8470,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "91.66666666666667%", - "color": "#000", "flexDirection": "column", "id": "c76ea4bae834", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 2.7777777777777732, "position": "absolute", "right": "0%", "top": "5.555555555555555%", @@ -8389,8 +8514,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -8499,9 +8629,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "86.11111111111111%", - "color": "#000", "id": "b7057d701add", "left": "0%", + "percentageHeight": 5.555555555555552, "right": "0%", "top": "8.333333333333334%", }, @@ -8513,12 +8643,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "86.11111111111111%", - "color": "#000", "flexDirection": "column", "id": "b7057d701add", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 5.555555555555552, "position": "absolute", "right": "0%", "top": "8.333333333333334%", @@ -8557,8 +8687,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -8667,9 +8802,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "69.44444444444444%", - "color": "#000", "id": "97cf16fb8cae", "left": "0%", + "percentageHeight": 16.666666666666668, "right": "0%", "top": "13.88888888888889%", }, @@ -8681,12 +8816,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "69.44444444444444%", - "color": "#000", "flexDirection": "column", "id": "97cf16fb8cae", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 16.666666666666668, "position": "absolute", "right": "0%", "top": "13.88888888888889%", @@ -8725,8 +8860,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -8835,9 +8975,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "63.888888888888886%", - "color": "#000", "id": "9020d417c38f", "left": "0%", + "percentageHeight": 5.555555555555557, "right": "0%", "top": "30.555555555555557%", }, @@ -8849,12 +8989,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "63.888888888888886%", - "color": "#000", "flexDirection": "column", "id": "9020d417c38f", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 5.555555555555557, "position": "absolute", "right": "0%", "top": "30.555555555555557%", @@ -8893,8 +9033,13 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "parent": [Circular], "props": { "class": "picasso-schedule-entry-title", + "style": { + "color": "#000", + "fontSize": "8pt", + }, }, "style": { + "color": "#000", "flexGrow": "1", "fontSize": "8pt", "height": "16pt", @@ -9003,9 +9148,9 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "52.77777777777778%", - "color": "#000", "id": "159f28246128", "left": "0%", + "percentageHeight": 11.111111111111107, "right": "0%", "top": "36.111111111111114%", }, @@ -9017,12 +9162,12 @@ exports[`rendering a full camp > renders the picasso 1`] = ` "borderTopLeftRadius": "2pt", "borderTopRightRadius": "2pt", "bottom": "52.77777777777778%", - "color": "#000", "flexDirection": "column", "id": "159f28246128", "justifyContent": "flex-start", "left": "0%", "padding": "0 4pt", + "percentageHeight": 11.111111111111107, "position": "absolute", "right": "0%", "top": "36.111111111111114%", @@ -11553,12 +11698,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -12677,12 +12822,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -13732,12 +13877,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -13903,12 +14048,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -15223,12 +15368,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -16543,12 +16688,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -17437,12 +17582,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -17608,12 +17753,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -18274,12 +18419,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -19409,12 +19554,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -19580,12 +19725,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -21453,12 +21598,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -23283,12 +23428,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -23454,12 +23599,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -24811,12 +24956,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -25705,12 +25850,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -26802,12 +26947,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -26973,12 +27118,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -28662,12 +28807,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -28833,12 +28978,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -30501,12 +30646,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -31365,12 +31510,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -31536,12 +31681,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -32592,12 +32737,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -33671,12 +33816,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -34855,12 +35000,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -35026,12 +35171,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -35197,12 +35342,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", }, @@ -35986,12 +36131,12 @@ exports[`rendering a full camp > renders the program 1`] = ` "props": { "style": { "font-size": "10pt", - "margin-bottom": "20pt", + "padding-bottom": "20pt", }, }, "style": { "fontSize": "10pt", - "marginBottom": "20pt", + "paddingBottom": "20pt", }, "type": "VIEW", },