Patch #32037 ยป responsive-multiresolution-sidebar.patch
| 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; }
|