1 line
17 KiB
Plaintext
1 line
17 KiB
Plaintext
{"version":3,"sources":["App.css"],"names":[],"mappings":"AAAA,KACE,YACF,CAEA,KACE,wBAAyB,CACzB,QAAS,CACT,gBAAiB,CACjB,mBAAoB,CACpB,iBACA,CAEF,KACE,mBAAoB,CACpB,iBACF,CAEA,UACE,mDAA4C,CAA5C,2CAA4C,CAC5C,WACF,CAEA,YACE,qBAAsB,CACtB,YAAa,CACb,YAAa,CACb,UACF,CAEA,WACE,eACF,CAEA,WACE,eACF,CAEA,qBACE,cAAe,CACf,eAAgB,CAChB,iBACF,CAEA,uBACE,eAAgB,CAChB,gBAAiB,CACjB,iBACF,CAEA,iCACE,GAAO,sBAAyB,CAChC,GAAK,uBAA2B,CAClC,CAHA,yBACE,GAAO,sBAAyB,CAChC,GAAK,uBAA2B,CAClC,CAEA,EACE,aACF,CAMA,gCACE,UACF,CAEA,mBACE,eACF,CAEA,eACE,kBACF,CAEA,kBACE,eACF,CACA,eACE,eACF,CAEA,iBACE,cACF,CAEA,+BACE,SACF,CAEA,gBACE,cAAgB,CAChB,UACF,CAEA,eACE,YAAa,CACb,cAAe,CACf,eACF,CAEA,cACE,wBAAyB,CACzB,YAAa,CACb,WACF,CAEA,iBACE,wBAAyB,CACzB,UAAc,CACd,iBAAkB,CAClB,YAAa,CACb,iBACF,CAEA,mCACE,cAAgB,CAChB,iBAAkB,CAClB,eAAgB,CAChB,WACF,CAEA,eACE,eACF,CAEA,wBACE,iBACF,CAEA,gBACE,gBAAiB,CACjB,cAAe,CACf,eACF,CAEA,0DACE,YACF,CAEA,oBACE,wBAA2B,CAC3B,iBAAkB,CAClB,kEAKF,CAEA,0DANE,YAAa,CACb,gBAAiB,CACjB,iBAAkB,CAClB,YASF,CANA,sCAEE,cAIF,CAEA,sEACE,aACF,CAEA,cACE,eACF,CAEA,oBACE,iBACF,CAEA,WACE,cAAe,CACf,eACF,CAEA,aACE,sBACF,CAEA,eACE,aAAc,CACd,cAAgB,CAChB,iBAAkB,CAClB,gBACF,CAEA,uBACE,eACF,CAEA,KACE,iBACF,CAEA,MACE,eACF,CAEA,OACE,cACF,CAEA,kBACE,gBACF,CAEA,cACE,cACF,CAEA,eACE,mBACF,CAEA,YACE,cAAgB,CAChB,iBACF,CAEA,aACE,YAAa,CACb,cACF,CAMA,mBACE,iBACF,CAEA,aACE,cACF,CAEA,aACE,eAAgB,CAChB,kBACF,CAEA,mBACE,eACF,CAEA,cACE,qBAAsB,CACtB,iBAAkB,CAClB,eAAgB,CAChB,eAAgB,CAChB,YACF,CAEA,uBACE,cAAe,CACf,KAAM,CACN,QAAS,CACT,MAAO,CACP,OAAQ,CACR,+BAAiC,CACjC,YAAa,CACb,YACF,CAEA,WACE,gBACF,CAEA,iBACE,cAAgB,CAChB,iBACF,CAEA,yCACE,iBACE,cACF,CACF,CAEA,gBACE,qBAAsB,CACtB,wBAA2B,CAC3B,YACF,CAEA,kBACE,UACF,CAEA,sBACE,eACF,CAEA,WACE,WACF,CACA,oBACE,eACF,CAEA,kBACE,UACF,CAEA,eACE,wBAAyB,CACzB,aAAc,CACd,iBAAkB,CAClB,eAAgB,CAChB,UACF,CAEA,eACE,cAAe,CACf,cACF,CAEA,wBACE,eACF,CAEA,8BACE,YACF,CAEA,eACE,eACF,CAEA,YACE,cAAc,CACd,aACF,CAEA,kBACE,aACF,CAEA,oBACE,aAAc,CACd,eACF,CAEA,WACE,aACF,CAEA,UACE,aACF,CAEA,QACE,wBAAyB,CACzB,QAAS,CACT,aAAc,CACd,cAAgB,CAChB,WAAY,CACZ,gBAAiB,CACjB,iBAAkB,CAClB,UACF,CAGA,wHAEE,uBAAwB,CACxB,QACF,CAGA,8CACE,yBACF,CAEA,iCACE,WAAY,CACZ,mBACF,CAGA,UACE,cACF,CAEA,MACE,cACF,CAEA,eACE,WAAY,CACZ,UAAW,CACX,UACF,CAEA,eACE,aACF,CAEA,mBACE,YACF,CAEA,QACE,yCAAkC,CAAlC,iCAAkC,CAElC,wBAA6B,CAA7B,wBAA6B,CAC7B,iBAAkB,CAClB,WAAY,CACZ,eAAgB,CAChB,UACF,CAEA,wBACE,GAAK,sBAAyB,CAC9B,GAAO,uBAA2B,CACpC,CAHA,gBACE,GAAK,sBAAyB,CAC9B,GAAO,uBAA2B,CACpC,CAEA,iBACE,QAAS,CACT,cAAe,CACf,iBACF,CAEA,sBACE,mCAAyC,CACzC,gBAAiB,CACjB,iBACF,CAEA,YACE,aACF,CAEA,YACE,aAAc,CACd,UAAW,CACX,iBACF,CAEA,iBACE,WAAY,CACZ,cAAe,CACf,iBACF,CAEA,YACE,iBACF,CAEA,aACE,gBAAiB,CACjB,cAAe,CACf,eACF,CAEA,sDACE,cAAgB,CAChB,YACF,CAEA,WACE,cAAe,CACf,eACF,CAEA,kBACE,cAAe,CACf,eACF,CAEA,gBACE,UAAY,CACZ,mBACF,CAEA,UACE,YAAa,CACb,WAAY,CACZ,gBAAiB,CACjB,iBAAkB,CAClB,UACF,CAEA,aACE,kBAAmB,CACnB,mBACF,CAEA,kBACE,UAAW,CACX,aACF,CAEA,wBACE,YACF,CAEA,uBACE,wBAAyB,CACzB,gBAAiB,CACjB,aAAc,CACd,aAAc,CACd,cAAgB,CAChB,eAAgB,CAChB,iBACF,CAEA,+BACE,wBAAyB,CACzB,UACF,CAEA,iBACE,wBAA0B,CAC1B,wBACF,CAEA,uBACE,kBAAoB,CACpB,yBACF,CAEA,oBACE,eACF,CAEA,iBACE,SACF,CAEA,2BACE,cACF,CAEA,QACE,UACF,CAEA,cACE,cAAgB,CAChB,kBACF,CAEA,YACE,eACF,CAEA,aACE,cAAe,CACf,eACF,CAEA,mBACE,cAAe,CACf,eACF,CAEA,eACE,eACF,CAEA,yDACE,cAAgB,CAChB,YACF,CAIA,qCAEE,eAAgB,CAChB,aAAc,CACd,YAAa,CACb,cAAe,CACf,eAAiB,CACjB,WAAY,CACZ,wBAAyB,CACzB,KAAM,CACN,MACF,CAEA,uBACE,iBAAkB,CAClB,YACF,CAEA,yBACE,YACE,YAAa,CACb,iBAAkB,CAClB,iBACF,CACA,SACE,eAAgB,CAChB,YAAa,CACb,kBAAmB,CACnB,cAAe,CACf,kBACF,CACA,SACE,wBAA2B,CAC3B,oBAAqB,CACrB,0BAA4B,CAC5B,iBAAkB,CAClB,iBAAkB,CAClB,SACF,CACA,WACE,eACF,CACA,WACE,uBACF,CACA,qCACE,aACF,CACF,CAGA,MACE,oBAAqB,CACrB,iBAAkB,CAClB,uBAAwB,CACxB,mBAAoB,CACpB,kBAAmB,CACnB,oBACF,CAEA,qBACE,0BAA2B,CAC3B,eACF,CAEA,sBACE,sBAAuB,CACvB,iBACF,CAEA,mBACE,wBAAyB,CACzB,gBACF,CAEA,UACE,aAAc,CACd,iBAAkB,CAClB,UAAW,CACX,eAAgC,CAAhC,+BAAgC,CAChC,qBAAqC,CAArC,oCACF,CAEA,kBACE,wBAAyB,CACzB,eAAgB,CAEhB,cAAgB,CAChB,4BAA4C,CAA5C,2CACF,CAEA,wBACE,cAAe,CACf,wBACF,CAEA,8BACE,qBAAsB,CACtB,wBAAyB,CACzB,aAAwB,CAAxB,uBACF,CAEA,sCACE,eACF,CAEA,qCACE,gBACF,CAEA,gBACE,wBAAyB,CACzB,eAAgB,CAChB,UAA8B,CAA9B,6BAA8B,CAC9B,aAAc,CACd,eAAgB,CAChB,4BAA4C,CAA5C,2CACF,CAEA,sBACE,iBAAkB,CAClB,UAAW,CACX,2BAA2C,CAA3C,0CAA2C,CAC3C,eAAgC,CAAhC,+BACF,CAEA,4BACE,kBAA2B,CAA3B,0BACF,CAEA,0BACE,kCAAmC,CACnC,uDACF,CAEA,qBACE,4BAA4C,CAA5C,2CAA4C,CAC5C,QACF,CAEA,gCACE,kBACF,CAEA,iCACE,iBACF,CAEA,8BACE,iBAAkB,CAClB,eAAgB,CAChB,aAAc,CACd,SAAU,CACV,WAAY,CACZ,eACF,CAEA,0BACE,UAA8B,CAA9B,6BAA8B,CAC9B,mBACF,CAEA,qBACE,WAAY,CACZ,oBAAwB,CACxB,eACF,CAEA,8BACE,UACF,CAEA,yBACE,kBACF,CAEA,uBACE,kBACF,CAEA,kCAEE,YACF,CAEA,eACE,aAAc,CACd,cAAe,CACf,gBACF,CAEA,uBACE,kBAAsB,CACtB,iBAAkB,CAClB,kEAA4E,CAC5E,kBAAmB,CACnB,iBAAkB,CAClB,iBAAkB,CAClB,cAAe,CACf,YACF,CAEA,wBACE,YACF,CAEA,yCAEE,2HAGE,oBACF,CAEF,CAEA,gEAEE,2HAGE,oBACF,CAEF,CAEA,0CAEE,2HAGE,oBACF,CAEF","file":"main.9eb63bc2.chunk.css","sourcesContent":["html {\n height: 100vh;\n}\n\nbody {\n background-color: #eaeaea;\n margin: 0;\n min-height: 100vh;\n padding-bottom: 50px;\n position: relative;\n }\n\n.App {\n padding-bottom: 20px;\n text-align: center;\n}\n\n.App-logo {\n animation: App-logo-spin infinite 20s linear;\n height: 80px;\n}\n\n.App-header {\n background-color: #222;\n height: 150px;\n padding: 20px;\n color: white;\n}\n\n.App-title {\n font-size: 1.5em;\n}\n\n.App-intro {\n font-size: large;\n}\n\n.App-nav-profile-img {\n max-width: 32px;\n max-height: 32px;\n border-radius: 50%;\n}\n\n.App-profile-img-small {\n max-width: 150px;\n max-height: 150px;\n border-radius: 50%;\n}\n\n@keyframes App-logo-spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n}\n\na {\n color: #40578a;\n}\n\ninput[type=\"text\"], textarea {\n width: 100%;\n}\n\nlabel {\n width: 100%;\n}\n\n.activities-result {\n font-size: 0.85em;\n}\n\n.activity-card {\n margin-bottom: 15px;\n}\n\n.activity-details {\n font-size: 0.95em;\n}\n.activity-date {\n font-size: 0.75em;\n}\n\n.activity-filter {\n font-size: 0.9em;\n}\n\n.activity-filter .col-2, .col-5{\n padding: 0;\n}\n\n.activity-label {\n font-size: 0.8em;\n color: #666\n}\n\n.activity-logo {\n margin: 0 5px;\n max-width: 20px;\n max-height: 20px;\n}\n\n.activity-map {\n background-color: #eaeaea;\n height: 225px;\n width: 400px;\n}\n\n.activity-no-map {\n background-color: #eaeaea;\n color: #666666;\n font-style: italic;\n height: 400px;\n line-height: 400px;\n}\n\n.activity-notes, .actvitiy-segments {\n font-size: 0.9em;\n font-style: italic;\n margin-top: 10px;\n padding: 5px;\n}\n\n.activity-page {\n margin-top: 20px;\n}\n\n.activity-segments-list {\n list-style: square;\n}\n\n.activity-sport {\n margin-right: 1px;\n max-width: 18px;\n max-height: 18px;\n}\n\n.activity-title img, .activity-title .map-attribution-list {\n display: none;\n}\n\n.activity-title img {\n border: 1px solid lightgrey;\n border-radius: 4px;\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n display: none;\n margin-left: 20px;\n position: absolute;\n z-index: 1000;\n}\n\n.activity-title .map-attribution-list {\n display: none;\n font-size: 11px;\n margin-left: 20px;\n position: absolute;\n z-index: 1000;\n}\n\n.activity-title:hover img, .activity-title:hover .map-attribution-list {\n display: block;\n}\n\n.add-activity {\n margin-top: 50px;\n}\n\n.add-activity-radio {\n margin-right: 10px;\n}\n\n.admin-img {\n max-width: 35px;\n max-height: 35px;\n}\n\n.admin-items {\n list-style-type: square;\n}\n\n.admin-message {\n color: #7c7c7d;\n font-size: 0.9em;\n font-style: italic;\n margin-left: 10px;\n}\n\n.app-config-form label {\n font-weight: bold;\n}\n\n.btn {\n margin-right: 10px;\n}\n\n.card {\n text-align: left;\n}\n\n.chart {\n font-size: 0.9em;\n}\n\n.chart-activities {\n margin-left: 60px;\n}\n\n.chart-arrows {\n margin-top: 7px;\n}\n\n.chart-filters {\n padding-bottom: 10px;\n}\n\n.chart-info {\n font-size: 0.8em;\n font-style: italic;\n}\n\n.chart-radio {\n display: flex;\n font-size: 0.9em;\n}\n\n.chart-radio label {\n /* display: flex; */\n}\n\n.chart-radio input {\n margin-right: 10px;\n}\n\n.chart-stats {\n font-size: 0.8em;\n}\n\n.chart-title {\n font-size: 1.1em;\n margin-bottom: 10px;\n}\n\n.col-activity-logo{\n padding-right: 0;\n}\n\n.custom-modal {\n background-color: #fff;\n border-radius: 5px;\n max-width: 500px;\n margin: 20% auto;\n z-index: 1250;\n}\n\n.custom-modal-backdrop {\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: rgba(0,0,0,0.3);\n padding: 50px;\n z-index: 1240;\n}\n\n.custom-fa {\n margin-right: 5px;\n}\n\n.custom-fa-small {\n font-size: 0.8em;\n margin-left: -0.8em;\n}\n\n@media only screen and (max-width: 992px) {\n .custom-fa-small {\n font-size: 0.6em;\n }\n}\n\n.custom-tooltip {\n background-color: #fff;\n border: 1px solid lightgrey;\n padding: 10px;\n}\n\n.custom-tooltip p {\n margin: 5px;\n}\n\n.custom-tooltip-label {\n font-weight: bold;\n}\n\n.dashboard {\n height: 100%;\n}\n.dashboard, .history {\n margin-top: 30px;\n}\n\n.dropdown-wrapper {\n width: 50px;\n}\n\n.dropdown-list {\n background-color: #f8f9fa;\n padding: 5px 0;\n position: absolute;\n text-align: left;\n z-index: 10;\n}\n\n.dropdown-item {\n cursor: default;\n font-size: 0.9em;\n}\n\n.dropdown-item-selected {\n font-weight: bold;\n}\n\n.dropdown-item-selected::after {\n content: \" ✔\";\n}\n\n.error-message {\n margin-top: 10px;\n}\n\n.fa-as-link {\n cursor:pointer;\n color: #40578a;\n}\n\n.fa-as-link:hover {\n color: #0056b3;\n}\n\n.fa-question-circle {\n color: #6c757d;\n margin-left: 3px;\n}\n\n.fa-trophy {\n color: goldenrod;\n}\n\n.fa-color {\n color: #405976;\n}\n\n.footer {\n background-color: #f8f9fa;\n bottom: 0;\n color: #8b8c8c;\n font-size: 0.9em;\n height: 50px;\n line-height: 50px;\n position: absolute;\n width: 100%;\n}\n\n/* Chrome, Safari, Edge, Opera */\n.form-disabled .form-group input::-webkit-outer-spin-button,\n.form-disabled .form-group input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n/* Firefox */\n.form-disabled .form-group input[type=number] {\n -moz-appearance: textfield;\n}\n\n.form-disabled .form-group input{\n border: none;\n pointer-events: none;\n}\n\n\n.gpx-file {\n height: inherit;\n}\n\n.huge {\n font-size: 25px;\n}\n\n.i18n-flag svg {\n height: 100%;\n opacity: .9;\n width: 15px;\n}\n\n.inactive-link {\n color: lightgrey;\n}\n\n.leaflet-container {\n height: 400px;\n}\n\n.loader {\n animation: spin 2s linear infinite;\n border: 8px solid #f3f3f3;\n border-top: 8px solid #3498db;\n border-radius: 50%;\n height: 60px;\n margin-left: 41%;\n width: 60px;\n}\n\n@keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n.map-attribution {\n bottom: 0;\n font-size: 11px;\n position: absolute;\n}\n\n.map-attribution-text {\n background-color: rgba(255, 255, 255, .5);\n padding-left: 2px;\n padding-right: 2px;\n}\n\n.no-picture {\n color: #405976;\n}\n\n.page-title {\n font-size: 2em;\n margin: 1em;\n text-align: center;\n}\n\n.password-forget {\n margin: 10px;\n font-size: .9em;\n font-style: italic;\n}\n\n.radioLabel {\n text-align: center;\n}\n\n.record-logo {\n margin-right: 5px;\n max-width: 25px;\n max-height: 25px;\n}\n\n.record-table table, .record-table th, .record-table td{\n font-size: 0.9em;\n padding: 0.1em;\n}\n\n.sport-img {\n max-width: 35px;\n max-height: 35px;\n}\n\n.sport-img-medium {\n max-width: 45px;\n max-height: 45px;\n}\n\n.stats-disabled {\n opacity: 0.3;\n pointer-events: none;\n}\n\n.svg-icon {\n fill: #405976;\n height: 70px;\n margin-left: auto;\n margin-right: auto;\n width: 70px;\n}\n\n.time-frames {\n align-items: center;\n display: inline-flex;\n}\n\n.time-frame label {\n float: left;\n padding: 0 5px;\n}\n\n.time-frame label input {\n display: none;\n}\n\n.time-frame label span {\n border: #a9a9a9 solid 1px;\n border-radius: 9%;\n color: #7b7b7b;\n display: block;\n font-size: 0.9em;\n padding: 2px 6px;\n text-align: center;\n}\n\n.time-frame input:checked + span {\n background-color: #a9a9a9;\n color: #ffffff;\n}\n\n.timezone-custom {\n font-size: .9em !important;\n height: inherit !important;\n}\n\n.timezone-custom input {\n border: 0 !important;\n padding: 5px 1px !important;\n}\n\n.timezone-custom ul {\n background: white;\n}\n\n.timezone-picker {\n padding: 0;\n}\n\n.timezone-picker-textfield {\n font-size: 15px;\n}\n\n.unlink {\n color: black;\n}\n\n.user-filters {\n font-size: 0.9em;\n margin-bottom: 10px;\n}\n\n.user-label {\n font-weight: bold;\n}\n\n.weather-img {\n max-width: 35px;\n max-height: 35px;\n}\n\n.weather-img-small {\n max-width: 20px;\n max-height: 20px;\n}\n\n.weather-table {\n margin-bottom: 0;\n}\n\n.weather-table table, .weather-table th, .weather-table td{\n font-size: 0.9em;\n padding: 0.1em;\n}\n\n/* responsive table */\n/* adapted from https://uglyduck.ca/making-tables-responsive-with-minimal-css/ */\n.heading-span,\n.heading-span-absolute {\n background: #eee;\n color: dimgrey;\n display: none;\n font-size: 10px;\n font-weight: bold;\n padding: 5px;\n text-transform: uppercase;\n top: 0;\n left: 0;\n}\n\n.heading-span-absolute {\n position: absolute;\n display: none;\n}\n\n@media(max-width: 1024px) {\n table thead {\n left: -9999px;\n position: absolute;\n visibility: hidden;\n }\n table tr {\n border-bottom: 0;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin-bottom: 40px;\n }\n table td {\n border: 1px solid lightgrey;\n margin: 0 -1px -1px 0;\n padding-top: 30px !important;\n position: relative;\n text-align: center;\n width: 50%;\n }\n .record-tr {\n margin-bottom: 0;\n }\n .record-td {\n padding-top: 0 !important;\n }\n .heading-span, .heading-span-absolute {\n display: block;\n }\n}\n\n/* calendar */\n:root {\n --main-color: #1a8fff;\n --text-color: #777;\n --text-color-light: #ccc;\n --border-color: #eee;\n --bg-color: #f9f9f9;\n --neutral-color: #fff;\n}\n\n.calendar .col-start {\n justify-content: flex-start;\n text-align: left;\n}\n\n.calendar .col-center {\n justify-content: center;\n text-align: center;\n}\n\n.calendar .col-end {\n justify-content: flex-end;\n text-align: right;\n}\n\n.calendar {\n display: block;\n position: relative;\n width: 100%;\n background: var(--neutral-color);\n border: 1px solid var(--border-color);\n}\n\n.calendar .header {\n text-transform: uppercase;\n font-weight: 700;\n /*font-size: 115%;*/\n padding: 0.5em 0;\n border-bottom: 1px solid var(--border-color);\n}\n\n.calendar .header .icon {\n cursor: pointer;\n transition: .15s ease-out;\n}\n\n.calendar .header .icon:hover {\n transform: scale(1.75);\n transition: .25s ease-out;\n color: var(--main-color);\n}\n\n.calendar .header .icon:first-of-type {\n margin-left: 1em;\n}\n\n.calendar .header .icon:last-of-type {\n margin-right: 1em;\n}\n\n.calendar .days {\n text-transform: uppercase;\n font-weight: 400;\n color: var(--text-color-light);\n font-size: 70%;\n padding: .75em 0;\n border-bottom: 1px solid var(--border-color);\n}\n\n.calendar .body .cell {\n position: relative;\n height: 3em;\n border-right: 1px solid var(--border-color);\n background: var(--neutral-color);\n}\n\n.calendar .body .cell:hover {\n background: var(--bg-color);\n}\n\n.calendar .body .selected {\n border-left: 10px solid transparent;\n border-image: linear-gradient(45deg, #1a8fff 0%,#53cbf1 40%);\n}\n\n.calendar .body .row {\n border-bottom: 1px solid var(--border-color);\n margin: 0;\n}\n\n.calendar .body .row:last-child {\n border-bottom: none;\n}\n\n.calendar .body .cell:last-child {\n border-right: none;\n}\n\n.calendar .body .cell .number {\n position: absolute;\n font-size: 82.5%;\n line-height: 1;\n top: .75em;\n right: .75em;\n font-weight: 700;\n}\n\n.calendar .body .disabled {\n color: var(--text-color-light);\n pointer-events: none;\n}\n\n.calendar .body .col {\n flex-grow: 0;\n flex-basis: calc(100%/7);\n width: calc(100%/7);\n}\n\n.calendar .body .img-disabled {\n opacity: .4;\n}\n\n.calendar .body .weekend {\n background: #f5f5f5;\n}\n\n.calendar .body .today {\n background: #eff1f3;\n}\n\n.calendar-activity,\n.calendar-more {\n display: none;\n}\n\n.calendar-more {\n color: #405976;\n font-size: .7em;\n margin-left: 0.3em;\n}\n\n.calendar-display-more {\n background: whitesmoke;\n border-radius: 4px;\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\n margin-bottom: 10px;\n padding: 10px 15px;\n position: absolute;\n min-width: 52px;\n z-index: 1000;\n}\n\n.calendar-activity-more {\n display: none;\n}\n\n@media only screen and (max-width: 992px) {\n\n .calendar-activity:nth-child(-n+2),\n .calendar-activity:nth-child(n+3) ~ .calendar-more,\n .calendar-activity-more:nth-child(n+3) {\n display: inline-block;\n }\n\n}\n\n@media only screen and (min-width: 992px) and (max-width: 1200px) {\n\n .calendar-activity:nth-child(-n+4),\n .calendar-activity:nth-child(n+5) ~ .calendar-more,\n .calendar-activity-more:nth-child(n+5) {\n display: inline-block;\n }\n\n}\n\n@media only screen and (min-width: 1200px) {\n\n .calendar-activity:nth-child(-n+6),\n .calendar-activity:nth-child(n+7) ~ .calendar-more,\n .calendar-activity-more:nth-child(n+7) {\n display: inline-block;\n }\n\n}\n"]} |