Project

General

Profile

Download (1.12 KB)

Patch #30435 » responsive-multiresolution-sidebar.patch

Anonymous, 2019-09-04 19:23

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; }

  		















  (11-11/11)