HHostingByteSoftware
Ctrl K
ComunidadGuías…

tine20/Calendar/styles/daysviewpanel.scss

Rama main · réplica de lectura del repositorio original.

Archivo original ↗Preguntar a KiBot
.cal-print-marker { /* NOTE: this has to be the first line here. @see js/Printer/DaysView.js */
    top:0;
}

/********************************* Header *********************************/
.cal-daysviewpanel-header {
    position: relative;
    border-bottom: 1px solid #F0F0F0;
    z-index: 5000;
}

.cal-daysviewpanel-header-inner {
    position: relative;
    /*background:#F9F9F9 url(../../library/ExtJS/resources/images/default/grid/grid3-hrow.gif) repeat-x scroll 0 top;*/
}

.cal-daysviewpanel-dayheader-today, .cal-daysviewpanel-dayheader-day-wrap:hover {
    background:#EBF3FD;
    /*url(../../library/ExtJS/resources/images/default/grid/grid3-hrow-over.gif) repeat-x scroll 0 bottom;*/
    /*cursor: pointer; see ticket #1484*/
}

.cal-daysviewpanel-header-offset {
    position: relative;
    /*right:0;*/
    top:0;
}

.cal-daysviewpanel-daysheader {
    height: 21px;
    margin-left:45px;
    margin-right:15px;
    cursor:default;
    padding:1px 0 0;
    margin-bottom: 2px;
}

.cal-daysviewpanel-dayheader {
    float: left;
}

.cal-daysviewpanel-dayheader-day {
    padding-top: 3px;
    text-align: center;
    color:black;
    font-size:11px;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    white-space:nowrap;
    overflow: hidden;
}

.cal-daysviewpanel-dayheader-day-wrap {
    border-left: 3px double #E1E1E1;
    height: 23px;
}

.cal-daysviewpanel-wholedayheader-scroller {
    overflow-y: scroll;
    overflow-x: hidden;
}

.cal-daysviewpanel-wholedayheader {
    position: relative;
    margin-left:45px;
}
/********************************* Body *********************************/
.cal-daysviewpanel {
    overflow: hidden;
}

.cal-daysviewpanel-body {
    position: relative;
    top: 0px;
    left: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.cal-daysviewpanel-scroller {
    border-top: 1px solid #D0D0D0;
    overflow-y: scroll;
    overflow-x: hidden;
    position:relative;
}

.cal-daysviewpanel-body-daycolumns {
    position:absolute;
    left:45px;
    right:0;
    top:0;
    height: 100%;
    border-bottom: 1px solid #EDEDED;
}

.cal-daysviewpanel-body-daycolumn {
    float: left;
    position: absolute;
    overflow: hidden;
}

.cal-daysviewpanel-body-daycolumn-hint-above {
    width: 9px;
    height: 9px;
    background-image: url(../../images/icon-set/icon_arrow_full_up.svg);
    position: absolute;
    right: 5px;
    z-index: 1000;
    cursor: pointer;
    display: none;
}

.cal-daysviewpanel-body-daycolumn-hint-below {
    width: 9px;
    height: 9px;
    background-image: url(../../images/icon-set/icon_arrow_full_down.svg);
    position: absolute;
    right: 5px;
    z-index: 1000;
    cursor: pointer;
    display: none;
}

.cal-daysviewpanel-body-cropDayTime .cal-daysviewpanel-body-daycolumn-hint-above,
.cal-daysviewpanel-body-cropDayTime .cal-daysviewpanel-body-daycolumn-hint-below {
    display: none !important;
}

.cal-daysviewpanel-body-daycolumn-today {
    background-color: #EBF3FD;
}

.dark-mode .cal-daysviewpanel-dayheader-today,
.dark-mode .cal-daysviewpanel-dayheader-day-wrap:hover,
.dark-mode .cal-daysviewpanel-body-daycolumn-today {
    background-color: #CCCCCC;
}
.dark-mode.cal-daysviewpanel-daycolumn-row:hover {
    background-color:#CCCCCC !important;
    color: #999999;
    /*cursor: pointer; see ticket #1484*/
}

.cal-daysviewpanel-body-daycolumn-inner {
    border-left: 3px double #EDEDED;
    height:100%;
    position:absolute;
    top:0;
}

.cal-daysviewpanel-daycolumn-row {
    margin-left: 3px;
    text-align: right;
    font-size:10px;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    white-space:nowrap;
    color: transparent;
}

.cal-daysviewpanel-daycolumn-row:hover {
    background-color:#DFE8F6;
    color: #999999;
    /*cursor: pointer; see ticket #1484*/
}

.cal-daysviewpanel-body-timecolumn {
    position: absolute;
    left: 0px;
    top: 0px;
    float: left;
    width: 45px;
    height: 100%;
    margin-top: -8px;
}

.cal-daysviewpanel-timeRow-time {
    height:100%;
    width: 40px;
    padding-top: 2px;
    text-align: right;
    color:black;
    font-size:11px;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    white-space:nowrap;
}

.cal-daysviewpanel-timeRow-on .cal-daysviewpanel-timeRow-time{
    border-top: 1px solid transparent;
}
.cal-daysviewpanel-timeRow-off .cal-daysviewpanel-timeRow-time{
    border-top: 1px dotted transparent;
}

.cal-daysviewpanel-daycolumn-row-on,
.cal-daysviewpanel-daycolumn-row-off {
    height: 100%;
}

.cal-daysviewpanel-daycolumn-row-off {
    border-top: 1px dotted #EDEDED;
}

.cal-daysviewpanel-daycolumn-row-on {
    border-top: 1px solid #EDEDED;
}

/********************************* Events *********************************/
.cal-daysviewpanel-event {
    min-height: 16px;
    margin-left: 3px;
    /*background: #EDEDED url(../../images/white-gradiend.png) repeat-y right;*/
    border-radius: var(--bs-border-radius);
    position: absolute;
    /*border: 4px solid #808080;*/
    overflow: hidden;

    text-align: left;
    color:black;
    font-size:11px;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    white-space:nowrap;
    border-top: none;
    border-bottom: none;
    border-right: none;
}

.cal-daysviewpanel-scroller .cal-daysviewpanel-event {
    box-sizing: border-box;
    border-top: 1px solid #EDEDED !important;
}
.cal-daysviewpanel-scroller .cal-daysviewpanel-body-daycolumn-today .cal-daysviewpanel-event {
    border-top: 1px solid #EBF3FD !important;
}

.cal-daysviewpanel-event-croptop {
    border-top-style: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}


.cal-daysviewpanel-event-cropbottom {
    border-bottom-style: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.cal-daysviewpanel-event-drop-nodrop .x-dd-drop-icon {
    left: 3px;
    top: 0px;
    background-color: transparent;
    background-image:url(../../images/icon-set/icon_stop_3.svg);
}

.cal-daysviewpanel-event-drop-ok .x-dd-drop-icon {
    left: 3px;
    top: 0px;
    background-image:url(../../images/icon-set/icon_ok_3.svg);
}

.cal-daysviewpanel-event-drop-nodrop-WHITE .x-dd-drop-icon{
    left: 3px;
    top: 0px;
    background-image:url(../../images/icon-set/icon_stop_white.svg) !important;
}

.cal-daysviewpanel-event-drop-ok-WHITE .x-dd-drop-icon{
    left: 3px;
    top: 0px;
    background-image:url(../../images/icon-set/icon_ok_white.svg) !important;
}

.cal-daysviewpanel-event-header {
    width: 100%;
    position: absolute;
    top: -1px;
    left: 4px;
    height: 14px;
    background-color: #808080;
    border-top-left-radius: var(--bs-border-radius);
    border-top-right-radius: var(--bs-border-radius);
    overflow: hidden;
}

.cal-daysviewpanel-event-editgrant .cal-daysviewpanel-event-header {
    cursor: move;
}

.cal-daysviewpanel-event-croptop .cal-daysviewpanel-event-header {
    display: none;
    border-top-style: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.cal-daysviewpanel-event-header-inner {
    position: absolute;
    top: 2px;
    left: 2px;
}

.cal-daysviewpanel-event-header-icons {
    position: absolute;
    right: 6px;
    top: 2px;
}

.cal-daysviewpanel-wholedayheader .cal-daysviewpanel-event-header-icons {
    /*background: #EDEDED url(../../images/white-gradiend.png) repeat-y right;*/
    padding-left: 2px;
    top: 3px;
}

.cal-daysviewpanel-wholedayheader .cal-daysviewpanel-event-cropright  .cal-daysviewpanel-event-header-icons {
    background: transparent;
}

.cal-daysviewpanel-event-drop-ok .cal-daysviewpanel-event-header-inner,
.cal-daysviewpanel-event-drop-nodrop .cal-daysviewpanel-event-header-inner,
.cal-daysviewpanel-event-drop-ok-WHITE .cal-daysviewpanel-event-header-inner,
.cal-daysviewpanel-event-drop-nodrop-WHITE .cal-daysviewpanel-event-header-inner {
    left: 17px;
}

.cal-daysviewpanel-event-body {
    left: 4px;
    position: absolute;
    top: 13px;
    padding: 2px 2px 0px 2px;
    white-space: normal;
    height: calc(100% - 15px);
    width: calc(100% - 12px);
}

.cal-daysviewpanel-event-tags {
    left: 4px;
    position: absolute;
    right: 1px;
    bottom: 4px;
}

.cal-event-active,
.cal-daysviewpanel-event-active {
    font-weight: bold;
}

.cal-daysviewpanel-event-onedit {
    border-style: dashed;
}

/****************************** Whole Day Events ******************************/
.cal-daysviewpanel-wholedayheader-daycols {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
}

.cal-daysviewpanel-body-wholedaycolumn {
    position: absolute;
    height: 100%;
}

.cal-daysviewpanel-body-wholedaycolumn-over {
    width: 100%;
    height: 100%;
    /*margin-left: 3px;*/
}

.cal-daysviewpanel-body-wholedaycolumn-over:hover {
    background-color:#DFE8F6;
    /*cursor: pointer; see ticket #1484*/
}

.cal-daysviewpanel-wholedayevent-body {
    margin-top: 1px;
    margin-left: 1px;
    cursor: move;
    padding: 0px 4px;
    white-space: normal;
    height: 13px;
    word-break: break-all;
    overflow: hidden;
}

.cal-daysviewpanel-wholedayevent-tags {
    padding: 1px 2px 0 3px;
}

.cal-daysviewpanel-event-cropleft {
    border-left-style: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.cal-daysviewpanel-event-cropright {
    background-image: none;
    border-right-style: hidden;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.cal-daysviewpanel-wholedayevent-body .x-form-text {
    position: absolute;
    top: 0px;
    /*padding-top: 0px;*/
    /*padding-left: 0px;*/
}
.cal-daysviewpanel-wholedayevent-body .x-form-field {
    height: 11px;
    font-size: 10.5px;
    margin-top: 1px;
}

.cal-daysviewpanel-wholedayheader .cal-daysviewpanel-event-rzduration {
    display: none;
}

.x-dd-drag-ghost .cal-daysviewpanel-wholedayevent-body {
    margin-left: 15px;
}