Calendar and table fixes

Fixed: Last day on calendar will be normal width
Fixed: Tables shouldn't overflow due to excessively long titles
This commit is contained in:
Mark McDowall 2014-05-19 18:52:20 -07:00
parent 94f9db940b
commit e2bf6fd6a4
5 changed files with 29 additions and 5 deletions

View File

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

View File

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

View File

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

View File

@ -1,4 +1,10 @@
@nzbdroneRed: #c4273c; @nzbdroneRed: #c4273c;
@purple: #7a43b6; @purple: #7a43b6;
@nzbdronePurple: #7932ea; @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})';

View File

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