responsive-multiresolution-sidebar.patch

Antonio McDeal, 2019-09-04 19:23

Download (1.12 KB)

View differences:

public/stylesheets/application.css (working copy)
82 82

  
83 83
#main {display: flex; flex-direction: row-reverse;}
84 84

  
85
#sidebar{ flex-shrink: 0; width: 22%; padding-left: 20px; background: #EEEEEE; border-left: 1px solid #ddd}
85
#sidebar{ flex-shrink: 0; padding-left: 20px; background: #EEEEEE; border-left: 1px solid #ddd}
86
@media screen and (min-width: 0px) and (max-width: 1280px) {#sidebar{width:240px;}}
87
@media screen and (min-width: 1280px) and (max-width: 1600px) {#sidebar{width:280px;}}
88
@media screen and (min-width: 1600px) and (max-width: 1920px) {#sidebar{width:320px;}}
89
@media screen and (min-width: 1920px) and (max-width: 2560px) {#sidebar{width:360px;}}
90
@media screen and (min-width: 2560px) {#sidebar{width:380px;}}
86 91
#sidebar h3{ font-size: 14px; margin-top:14px; color: #666;  }
87 92
#sidebar hr{ width: 100%; margin: 0 auto; height: 1px; background: #ccc; border: 0; }
88 93
* html #sidebar hr{ width: 95%; position: relative; left: -6px; color: #ccc; }