File tree Expand file tree Collapse file tree 2 files changed +19
-7
lines changed Expand file tree Collapse file tree 2 files changed +19
-7
lines changed Original file line number Diff line number Diff line change @@ -134,11 +134,23 @@ function createTableHeaderElement() {
134
134
classList : [ 'dates' ] ,
135
135
scope : 'row' ,
136
136
} ) ;
137
- dateCellElement . textContent = `${ getDayOfWeek (
138
- date ,
139
- ) } ${ date . getDate ( ) } ${ date . toLocaleString ( 'default' , {
140
- month : 'long' ,
141
- } ) } ${ date . getFullYear ( ) } `;
137
+
138
+ const dayOfWeekElement = document . createElement ( 'div' ) ;
139
+ dayOfWeekElement . textContent = getDayOfWeek ( date ) ;
140
+
141
+ const dateElement = document . createElement ( 'div' ) ;
142
+ dateElement . textContent =
143
+ date . getDate ( ) +
144
+ ' ' +
145
+ date . toLocaleString ( 'default' , { month : 'long' } ) ;
146
+
147
+ const yearElement = document . createElement ( 'div' ) ;
148
+ yearElement . textContent = date . getFullYear ( ) ;
149
+
150
+ dateCellElement . appendChild ( dayOfWeekElement ) ;
151
+ dateCellElement . appendChild ( dateElement ) ;
152
+ dateCellElement . appendChild ( yearElement ) ;
153
+
142
154
headerRowElement . appendChild ( dateCellElement ) ;
143
155
}
144
156
}
Original file line number Diff line number Diff line change @@ -132,12 +132,12 @@ body {
132
132
.dates {
133
133
position : sticky;
134
134
top : 0 ;
135
- padding : 1 rem ;
135
+ padding : 0.75 rem ;
136
136
background-color : var (--blue-color );
137
137
color : var (--white-color );
138
138
z-index : 10 ;
139
139
border : 1px solid var (--black-color );
140
- min-width : 6 rem ;
140
+ min-width : 7.25 rem ;
141
141
}
142
142
143
143
.status {
You can’t perform that action at this time.
0 commit comments