Skip to content

Commit

Permalink
fix(scheduler): add support for k-i-arrow-rotate-cw
Browse files Browse the repository at this point in the history
  • Loading branch information
@TeyaVes @joneff
TeyaVes authored and joneff committed Aug 26, 2022
1 parent f1196db commit afc91fa
Show file tree
Hide file tree
Showing 12 changed files with 97 additions and 96 deletions.
3 changes: 2 additions & 1 deletion packages/default/scss/adaptive/_layout.scss
View file
Expand Up @@ -322,7 +322,8 @@
border-radius: 50%;
}

.k-i-reload {
.k-i-reload,
.k-i-arrow-rotate-cw {
font-size: 1em;
margin-right: .5em;
}
Expand Down
2 changes: 1 addition & 1 deletion packages/html/src/scheduler/tests/scheduler-adaptive-agenda.tsx
View file
Expand Up @@ -79,7 +79,7 @@ root.render(
<td>
<div className="k-task">
<span className="k-scheduler-mark" style={{ backgroundColor: "#f8a398" }}></span>
<Icon name="reload"></Icon>
<Icon name="arrow-rotate-cw"></Icon>
<span className="k-scheduler-task-text">HR Lecture</span>
</div>
</td>
Expand Down
2 changes: 1 addition & 1 deletion packages/html/src/scheduler/tests/scheduler-adaptive-month.tsx
View file
Expand Up @@ -124,7 +124,7 @@ root.render(
</table>
<div className="k-events-container" style={{ top: "97px", left: "140px", width: "140px" }}>
<div style={{ backgroundColor: "#51a0ed", borderColor: "#51a0ed" }} className="k-event">
<span className="k-event-actions"><Icon name="reload"></Icon></span>
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
<div><div className="k-event-template">Dance Practice</div></div>
<span className="k-event-actions"></span>
</div>
Expand Down
10 changes: 5 additions & 5 deletions packages/html/src/scheduler/tests/scheduler-angular-month-rtl.tsx
View file
Expand Up @@ -212,18 +212,18 @@ root.render(
</table>

<div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", width: "162px", right: "163px", top: "123px", height: "25px" }} className="k-event">
<span className="k-event-actions"><Icon name="reload"></Icon></span>
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
<div><div className="k-event-template">Dance Practice</div></div>
<span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span>
<span className="k-resize-handle k-resize-w"></span>
<span className="k-resize-handle k-resize-e"></span>
</div>
<div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", width: "162px", right: "327px", top: "123px", height: "25px" }} className="k-event">
<span className="k-event-actions"><Icon name="reload"></Icon></span>
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
<div><div className="k-event-template">HR Lecture</div></div>
</div>
<div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", width: "162px", right: "490px", top: "123px", height: "25px" }} className="k-event">
<span className="k-event-actions"><Icon name="reload"></Icon></span>
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
<div><div className="k-event-template">Dance Practice</div></div>
</div>
<div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", width: "488px", right: "653px", top: "123px", height: "25px" }} className="k-event">
Expand All @@ -235,7 +235,7 @@ root.render(
<div><div className="k-event-template">Software updates</div></div>
</div>
<div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", width: "162px", right: "490px", top: "150px", height: "25px" }} className="k-event">
<span className="k-event-actions"><Icon name="reload"></Icon></span>
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
<div><div className="k-event-template">Helpdesk weekly meeting</div></div>
</div>
<div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", width: "488px", right: "653px", top: "150px", height: "25px" }} className="k-event">
Expand Down Expand Up @@ -271,7 +271,7 @@ root.render(
<div><div className="k-event-template">Car Service</div></div>
</div>
<div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", width: "162px", right: "327px", top: "247px", height: "25px" }} className="k-event">
<span className="k-event-actions"><Icon name="reload"></Icon></span>
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
<div><div className="k-event-template">HR Lecture</div></div>
</div>
<div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", width: "162px", right: "490px", top: "247px", height: "25px" }} className="k-event">
Expand Down
10 changes: 5 additions & 5 deletions packages/html/src/scheduler/tests/scheduler-angular-month.tsx
View file
Expand Up @@ -212,18 +212,18 @@ root.render(
</table>

<div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", width: "162px", left: "163px", top: "123px", height: "25px" }} className="k-event">
<span className="k-event-actions"><Icon name="reload"></Icon></span>
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
<div><div className="k-event-template">Dance Practice</div></div>
<span className="k-event-actions"><a className="k-link k-event-delete"><Icon name="x"></Icon></a></span>
<span className="k-resize-handle k-resize-w"></span>
<span className="k-resize-handle k-resize-e"></span>
</div>
<div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", width: "162px", left: "327px", top: "123px", height: "25px" }} className="k-event">
<span className="k-event-actions"><Icon name="reload"></Icon></span>
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
<div><div className="k-event-template">HR Lecture</div></div>
</div>
<div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", width: "162px", left: "490px", top: "123px", height: "25px" }} className="k-event">
<span className="k-event-actions"><Icon name="reload"></Icon></span>
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
<div><div className="k-event-template">Dance Practice</div></div>
</div>
<div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", width: "488px", left: "653px", top: "123px", height: "25px" }} className="k-event">
Expand All @@ -235,7 +235,7 @@ root.render(
<div><div className="k-event-template">Software updates</div></div>
</div>
<div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", width: "162px", left: "490px", top: "150px", height: "25px" }} className="k-event">
<span className="k-event-actions"><Icon name="reload"></Icon></span>
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
<div><div className="k-event-template">Helpdesk weekly meeting</div></div>
</div>
<div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", width: "488px", left: "653px", top: "150px", height: "25px" }} className="k-event">
Expand Down Expand Up @@ -271,7 +271,7 @@ root.render(
<div><div className="k-event-template">Car Service</div></div>
</div>
<div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", width: "162px", left: "327px", top: "247px", height: "25px" }} className="k-event">
<span className="k-event-actions"><Icon name="reload"></Icon></span>
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
<div><div className="k-event-template">HR Lecture</div></div>
</div>
<div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", width: "162px", left: "490px", top: "247px", height: "25px" }} className="k-event">
Expand Down
4 changes: 2 additions & 2 deletions packages/html/src/scheduler/tests/scheduler-angular-rtl.tsx
View file
Expand Up @@ -365,7 +365,7 @@ root.render(
</tbody>
</table>
<div className="k-event" style={{ width: "150px", right: "306px", top: '0px', height: "73px" }} >
<span className="k-event-actions"><Icon name="reload"></Icon></span>
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
<div>
<div className="k-event-template k-event-time">7:00 AM - 8:00 AM</div>
<div className="k-event-template">HR Lecture</div>
Expand All @@ -374,7 +374,7 @@ root.render(
</div>

<div className="k-event k-event-drag-hint" style={{ width: "150px", right: "631px", top: '0px', height: "73px" }} >
<span className="k-event-actions"><Icon name="reload"></Icon></span>
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
<div>
<div className="k-event-template k-event-time">7:00 AM - 8:00 AM</div>
<div className="k-event-template">HR Lecture</div>
Expand Down
4 changes: 2 additions & 2 deletions packages/html/src/scheduler/tests/scheduler-angular.tsx
View file
Expand Up @@ -365,7 +365,7 @@ root.render(
</tbody>
</table>
<div className="k-event" style={{ width: "150px", left: "306px", top: '0px', height: "73px" }} >
<span className="k-event-actions"><Icon name="reload"></Icon></span>
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
<div>
<div className="k-event-template k-event-time">7:00 AM - 8:00 AM</div>
<div className="k-event-template">HR Lecture</div>
Expand All @@ -374,7 +374,7 @@ root.render(
</div>

<div className="k-event k-event-drag-hint" style={{ width: "150px", left: "631px", top: '0px', height: "73px" }} >
<span className="k-event-actions"><Icon name="reload"></Icon></span>
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
<div>
<div className="k-event-template k-event-time">7:00 AM - 8:00 AM</div>
<div className="k-event-template">HR Lecture</div>
Expand Down
2 changes: 1 addition & 1 deletion packages/html/src/scheduler/tests/scheduler-jquery-agenda.tsx
View file
Expand Up @@ -104,7 +104,7 @@ root.render(
<td>
<div className="k-task">
<span className="k-scheduler-mark"></span>
<Icon name="reload"></Icon>
<Icon name="arrow-rotate-cw"></Icon>
<span className="k-scheduler-task-text">Recurring</span>
</div>
</td>
Expand Down
10 changes: 5 additions & 5 deletions packages/html/src/scheduler/tests/scheduler-jquery-month.tsx
View file
Expand Up @@ -226,15 +226,15 @@ root.render(
</table>

<div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", "--span": "1", "--col": "2", "--row": "2", "--slot": "1", height: "25px" } as React.CSSProperties} className="k-event">
<span className="k-event-actions"><Icon name="reload"></Icon></span>
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
<div><div className="k-event-template">Dance Practice</div></div>
</div>
<div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", "--span": "1", "--col": "3", "--row": "2", "--slot": "1", height: "25px" } as React.CSSProperties} className="k-event">
<span className="k-event-actions"><Icon name="reload"></Icon></span>
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
<div><div className="k-event-template">HR Lecture</div></div>
</div>
<div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", "--span": "1", "--col": "4", "--row": "2", "--slot": "1", height: "25px" } as React.CSSProperties} className="k-event">
<span className="k-event-actions"><Icon name="reload"></Icon></span>
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
<div><div className="k-event-template">Dance Practice</div></div>
</div>
<div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", "--span": "3", "--col": "5", "--row": "2", "--slot": "1", height: "25px" } as React.CSSProperties} className="k-event">
Expand All @@ -246,7 +246,7 @@ root.render(
<div><div className="k-event-template">Software updates</div></div>
</div>
<div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", "--span": "1", "--col": "4", "--row": "2", "--slot": "2", height: "25px" } as React.CSSProperties} className="k-event">
<span className="k-event-actions"><Icon name="reload"></Icon></span>
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
<div><div className="k-event-template">Helpdesk weekly meeting</div></div>
</div>
<div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", "--span": "3", "--col": "5", "--row": "2", "--slot": "2", height: "25px" } as React.CSSProperties} className="k-event">
Expand Down Expand Up @@ -282,7 +282,7 @@ root.render(
<div><div className="k-event-template">Car Service</div></div>
</div>
<div style={{ backgroundColor: "rgb(110, 179, 250)", borderColor: "rgb(110, 179, 250)", "--span": "1", "--col": "3", "--row": "3", "--slot": "2", height: "25px" } as React.CSSProperties} className="k-event">
<span className="k-event-actions"><Icon name="reload"></Icon></span>
<span className="k-event-actions"><Icon name="arrow-rotate-cw"></Icon></span>
<div><div className="k-event-template">HR Lecture</div></div>
</div>
<div style={{ backgroundColor: "rgb(245, 138, 138)", borderColor: "rgb(245, 138, 138)", "--span": "1", "--col": "4", "--row": "3", "--slot": "2", height: "25px" } as React.CSSProperties} className="k-event">
Expand Down

0 comments on commit afc91fa

Please sign in to comment.