Calendar and table fixes

Fixed: Last day on calendar will be normal width
Fixed: Tables shouldn't overflow due to excessively long titles
pull/6/head
Mark McDowall 10 years ago
parent 94f9db940b
commit e2bf6fd6a4

@ -30,6 +30,9 @@ define(
onShow: function () {
this.$('.fc-button-today').click();
this.$el.fullCalendar('render');
this.$('.fc-day-header').css('width: 14.3%');
},
_viewRender: function (view) {
@ -38,6 +41,7 @@ define(
}
this._getEvents(view);
this.$('.fc-day-header').css('width: 14.3%');
},
_eventRender: function (event, element) {

@ -6,6 +6,8 @@
@import "../Content/Overrides/bootstrap";
.calendar {
width: 100%;
th, td {
border-color : #eeeeee;
}

@ -3,6 +3,7 @@
@import "../Content/Bootstrap/buttons";
@import "../Shared/Styles/clickable";
@import "../Content/mixins";
@import "../Content/variables";
.table {
@ -11,14 +12,25 @@
.series-title {
.text-overflow();
@media @sm {
max-width: 250px
}
}
.episode-title-cell {
.btn-link;
.text-overflow();
&:hover {
text-transform: none;
@media @lg {
max-width: 350px;
}
@media @md {
max-width: 250px;
}
@media @sm {
max-width: 200px;
}
}

@ -1,4 +1,10 @@
@nzbdroneRed: #c4273c;
@purple: #7a43b6;
@nzbdronePurple: #7932ea;
@droneTeal: #35c5f4;
@droneTeal: #35c5f4;
//@tn: ~'(max-width: @{screen-tn-max})';
@xs: ~'(min-width: @{screen-xs-max}) and (max-width: @{screen-xs-max})';
@sm: ~'(min-width: @{screen-sm-min}) and (max-width: @{screen-sm-max})';
@md: ~'(min-width: @{screen-md-min}) and (max-width: @{screen-md-max})';
@lg: ~'(min-width: @{screen-lg-min})';

@ -2441,7 +2441,7 @@ function BasicView(element, calendar, viewName) {
}
colWidth = Math.floor((viewWidth - weekNumberWidth) / colCnt);
setOuterWidth(headCells.slice(0, -1), colWidth);
setOuterWidth(headCells, colWidth);
}

Loading…
Cancel
Save