mirror of https://github.com/lidarr/Lidarr
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:
parent
94f9db940b
commit
e2bf6fd6a4
|
@ -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) {
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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})';
|
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue