2017-09-05 11 views
0

RailsでSimpleCalendarにスタイルを適用することができません(gemを使用)。カレンダーCSSが動作しません(ブートストラップ、SimpleCalendar Rails)

これは、レンダリングされたものである:宝石のメンテナが、それは時代遅れのブートストラップによるものだったと思うように見えた

.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 {} 
} 

enter image description here

そして、これは、CSSで、https://github.com/excid3/simple_calendarの礼儀属性は、しかし、CSSのすべてが私によく見える。他の誰かがスタイルシートで何か気づいているようですか?私はブートストラップの大ファンではなく、それに非常に精通していません。

これらの属性は、レンダリングされたビューにも適用されません。ここの問題は何ですか?

+0

これを持つhtmlを投稿できますか? –

答えて

0

application.scssでsimple_calendar.scssをインポートしましたか? 私はちょうど試してみましたが、それはうまくいったけど、それは実際の例のようには見えません。

関連する問題