2017-09-05 66 views
0

我似乎無法得到適用於我的SimpleCalendar Rails(使用gem)的樣式。日曆css不工作(Bootstrap,SimpleCalendar Rails)

這就是渲染:

enter image description here

這是CSS的https://github.com/excid3/simple_calendar禮貌:

.simple-calendar { 
    table { 
    -webkit-border-horizontal-spacing: 0px; 
    -webkit-border-vertical-spacing: 0px; 
    background-color: rgba(0, 0, 0, 0); 
    border: 1px solid rgb(221, 221, 221); 
    border-collapse: collapse; 
    box-sizing: border-box; 
    max-width: 100%; 
    width: 100%; 
    } 

    tr { 
    border-collapse: collapse; 
    } 

    th { 
    padding: 6px; 
    border-bottom: 2px solid rgb(221, 221, 221); 
    border-collapse: collapse; 
    border-left: 1px solid rgb(221, 221, 221); 
    border-right: 1px solid rgb(221, 221, 221); 
    border-top: 0px none rgb(51, 51, 51); 
    box-sizing: border-box; 
    text-align: left; 
    } 

    td { 
    padding: 6px; 
    vertical-align: top; 
    width: 14%; 

    border: 1px solid #ddd; 
    border-top-color: rgb(221, 221, 221); 
    border-top-style: solid; 
    border-top-width: 1px; 
    border-right-color: rgb(221, 221, 221); 
    border-right-style: solid; 
    border-right-width: 1px; 
    border-bottom-color: rgb(221, 221, 221); 
    border-bottom-style: solid; 
    border-bottom-width: 1px; 
    border-left-color: rgb(221, 221, 221); 
    border-left-style: solid; 
    border-left-width: 1px; 
    } 

    .day { 
    height: 80px; 
    } 

    .wday-0 {} 
    .wday-1 {} 
    .wday-2 {} 
    .wday-3 {} 
    .wday-4 {} 
    .wday-5 {} 
    .wday-6 {} 

    .today { 
    background: #FFFFC0 
    } 

    .past {} 
    .future {} 

    .start-date {} 

    .prev-month { 
    background: #DDD; 
    } 
    .next-month { 
    background: #DDD; 
    } 
    .current-month {} 

    .has-events {} 
} 

創業板的維護者似乎認爲這是由於過時的自舉屬性,但在CSS中的一切看起來不錯。其他人似乎注意到樣式表中的任何內容嗎?我不是引導者的忠實粉絲,對此我也不是很熟悉。

這些屬性都不適用於我的渲染視圖。這裏有什麼問題?

+0

你可以發佈有這個在它的HTML嗎? –

回答

0

您是否在您的application.scss中導入了simple_calendar.scss? 我只是嘗試過,但它的工作原理,但它看起來不像這個例子,只是表格樣式。