awesome-timeline-react
Version:
awesome timeline for react applications
1 lines • 7.1 kB
Source Map (JSON)
{"version":3,"sources":["../src/style.css","../src/components/style.css"],"sourcesContent":[".rows-header-wrapper {\r\n width: 100px;\r\n height: fit-content;\r\n border-right: 1px solid yellow;\r\n background-color: rgb(39, 36, 36);\r\n color: white;\r\n box-sizing: border-box;\r\n .row-header:not(:last-child) {\r\n border-bottom: 1px solid yellow;\r\n }\r\n box-shadow: 4px 0px 20px black;\r\n}\r\n\r\n.main-wrapper {\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n}\r\n\r\n.body-wrapper {\r\n display: flex;\r\n flex-direction: row;\r\n border-left: 1px solid black;\r\n border-bottom: 1px solid black;\r\n border-right: 1px solid black;\r\n width: 100%;\r\n overflow: auto;\r\n box-sizing: border-box;\r\n}\r\n\r\n.day-block {\r\n height: 100%;\r\n text-align: center;\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n padding: 4px;\r\n}\r\n\r\n.hour-block {\r\n display: block;\r\n width: 100%;\r\n text-align: center;\r\n padding: 4px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n",".content-wrapper {\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n .row-content:not(:last-child) {\r\n border-bottom: 1px solid #e4dcdc;\r\n }\r\n}\r\n\r\n.row-header {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100px;\r\n transition: min-height 0.5s ease-in-out;\r\n box-sizing: border-box;\r\n}\r\n\r\n.row-content {\r\n position: relative;\r\n width: 100%;\r\n padding-top: 10px;\r\n padding-bottom: 10px;\r\n overflow: hidden;\r\n z-index: 0;\r\n transition: min-height 0.5s ease-in-out;\r\n box-sizing: border-box;\r\n}\r\n\r\n.event {\r\n position: absolute;\r\n height: 20px;\r\n border: 1px solid black;\r\n z-index: 1;\r\n transition: top 0.5s ease-in-out;\r\n box-sizing: border-box;\r\n display: flex;\r\n justify-content: space-between;\r\n border-radius: 5px;\r\n box-shadow: inset 0px 0px 5px gray;\r\n}\r\n\r\n.event-content {\r\n position: absolute;\r\n margin-inline: 13px;\r\n width: calc(100% - 26px);\r\n height: 100%;\r\n display: flex;\r\n overflow: hidden;\r\n}\r\n\r\n.event:hover .event-resize {\r\n opacity: 100%;\r\n}\r\n\r\n.event-prompt {\r\n position: absolute;\r\n display: none;\r\n}\r\n.resize-bar {\r\n height: 10px;\r\n border: 1px solid black;\r\n width: 1px;\r\n box-sizing: border-box;\r\n border-radius: 3px;\r\n}\r\n\r\n.event-resize {\r\n opacity: 0%;\r\n margin: 4px;\r\n cursor: e-resize;\r\n transition: opacity 0.3s ease-in-out;\r\n flex-shrink: 1;\r\n}\r\n\r\n.static-event {\r\n position: absolute;\r\n background-color: #e0e0e0;\r\n z-index: 0;\r\n border: 1px solid transparent;\r\n box-sizing: border-box;\r\n border-radius: 5px;\r\n}\r\n\r\n.time-bar {\r\n display: flex;\r\n flex-direction: row;\r\n width: 100%;\r\n height: 50px;\r\n min-height: 50px;\r\n border: 1px solid yellow;\r\n background-color: rgb(39, 36, 36);\r\n color: white;\r\n box-sizing: border-box;\r\n}\r\n\r\n.empty-block {\r\n width: 100px;\r\n min-width: 100px;\r\n border-right: 1px solid yellow;\r\n box-sizing: border-box;\r\n}\r\n\r\n.time-content {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n}\r\n\r\n.day-row {\r\n display: grid;\r\n height: 50%;\r\n width: auto;\r\n border-bottom: 1px solid yellow;\r\n div:not(:last-child) {\r\n border-right: 1px solid yellow;\r\n }\r\n}\r\n\r\n.hour-row {\r\n display: grid;\r\n height: 50%;\r\n div:not(:last-child) {\r\n border-right: 1px solid yellow;\r\n box-sizing: border-box;\r\n }\r\n box-shadow: 0px 4px 20px black;\r\n}\r\n\r\n.not-clickable {\r\n div {\r\n pointer-events: none;\r\n }\r\n}\r\n\r\n.line {\r\n height: 100%;\r\n width: 100%;\r\n border-right: 1px solid #e4dcdc;\r\n box-sizing: border-box;\r\n}\r\n\r\n.lines-canvas {\r\n position: absolute;\r\n top: 0;\r\n display: grid;\r\n height: 100%;\r\n width: 100%;\r\n overflow: hidden;\r\n}\r\n\r\n.hide-last-line {\r\n div:last-child {\r\n border-right: none;\r\n }\r\n}\r\n\r\n.row-hidden {\r\n visibility: hidden;\r\n}\r\n\r\n.rt-line {\r\n position: absolute;\r\n height: calc(100% - 24px);\r\n top: 24px;\r\n width: 2px;\r\n box-sizing: border-box;\r\n border-right: dotted 2px red;\r\n}\r\n\r\n.rt-arrow {\r\n position: absolute;\r\n top: 0px;\r\n width: 0;\r\n height: 0;\r\n border-left: 15px solid transparent;\r\n border-right: 15px solid transparent;\r\n\r\n border-top: 26px solid red;\r\n}\r\n"],"mappings":"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","names":[]}