diff --git a/docs/contributing.rst b/docs/contributing.rst index d89433fe..0ee78d23 100644 --- a/docs/contributing.rst +++ b/docs/contributing.rst @@ -23,7 +23,7 @@ CSS/LESS Contributing on specifically UI/CSS features/fixes have more requirements: -* ``lessc`` compiler - http://lesscss.org/ +* ``lessc`` compiler - http://lesscss.org/ (**Note:** please use ``less@1.4.2``. Versions of ``less`` 1.5.0 and greater compress differently.) * ``watchdog`` package - ``pip install watchdog`` * ``django-suit-examples`` - it may be a good idea to add `examples app `_ to your project diff --git a/suit/static/suit/css/suit.css b/suit/static/suit/css/suit.css index 9e758ba2..99aa3155 100644 --- a/suit/static/suit/css/suit.css +++ b/suit/static/suit/css/suit.css @@ -179,10 +179,13 @@ h3{font-weight:bold;font-size:16px;line-height:36px;text-shadow:0 1px rgba(255,2 .form-horizontal .inline-related.tabular table td.control-group{display:table-cell} .form-horizontal .control-group .controls .selector{overflow:auto}.form-horizontal .control-group .controls .selector .selector-available,.form-horizontal .control-group .controls .selector .selector-chooser,.form-horizontal .control-group .controls .selector .selector-chosen{float:left}.form-horizontal .control-group .controls .selector .selector-available h2,.form-horizontal .control-group .controls .selector .selector-chooser h2,.form-horizontal .control-group .controls .selector .selector-chosen h2{margin-left:5px;font-size:12px} .form-horizontal .control-group .controls .selector .selector-available>a,.form-horizontal .control-group .controls .selector .selector-chooser>a,.form-horizontal .control-group .controls .selector .selector-chosen>a{margin-left:5px} +.form-horizontal .control-group .controls .selector.stacked .selector-available,.form-horizontal .control-group .controls .selector.stacked .selector-chosen{width:100%;min-width:150px;max-width:100%}.form-horizontal .control-group .controls .selector.stacked .selector-available select,.form-horizontal .control-group .controls .selector.stacked .selector-chosen select,.form-horizontal .control-group .controls .selector.stacked .selector-available input,.form-horizontal .control-group .controls .selector.stacked .selector-chosen input{width:100%;display:block} .form-horizontal .control-group .controls .selector .selector-available,.form-horizontal .control-group .controls .selector .selector-chosen{width:45%;min-width:150px;max-width:300px}.form-horizontal .control-group .controls .selector .selector-available select,.form-horizontal .control-group .controls .selector .selector-chosen select,.form-horizontal .control-group .controls .selector .selector-available input,.form-horizontal .control-group .controls .selector .selector-chosen input{width:100%;display:block} .form-horizontal .control-group .controls .selector .selector-chooser{list-style:none;margin:70px 10px 0 10px}.form-horizontal .control-group .controls .selector .selector-chooser li a{text-indent:200%;white-space:nowrap;overflow:hidden;display:inline-block;width:14px;height:14px;background-image:url("../bootstrap/img/glyphicons-halflings.png");background-position:0 -96px;opacity:.6;margin:0;display:block;padding:4px;border:1px solid transparent;background-position:-236px -92px}.form-horizontal .control-group .controls .selector .selector-chooser li a:hover{opacity:1} .form-horizontal .control-group .controls .selector .selector-chooser li a:hover{background-color:#fff;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;border:1px solid #ddd} .form-horizontal .control-group .controls .selector .selector-chooser li:first-child a{background-position:-260px -92px} +.form-horizontal .control-group .controls .selector.stacked .selector-chooser{list-style:none;margin:5px 0 0 0;width:100%}.form-horizontal .control-group .controls .selector.stacked .selector-chooser li{display:inline-block}.form-horizontal .control-group .controls .selector.stacked .selector-chooser li a{background-position:-284px -92px} +.form-horizontal .control-group .controls .selector.stacked .selector-chooser li:first-child a{background-position:-308px -92px} .form-horizontal .control-group .controls .selector .selector-available a:not(.active),.form-horizontal .control-group .controls .selector .selector-chosen a:not(.active){color:#999;text-decoration:none} .form-horizontal .control-group .controls .selector .selector-available select{-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-border-top-left-radius:0;-moz-border-radius-topleft:0;border-top-left-radius:0;-webkit-border-top-right-radius:0;-moz-border-radius-topright:0;border-top-right-radius:0} .form-horizontal .control-group .controls .selector .selector-filter{margin-right:14px;position:relative;margin-bottom:-1px}.form-horizontal .control-group .controls .selector .selector-filter input{-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0} diff --git a/suit/static/suit/less/ui/form.less b/suit/static/suit/less/ui/form.less index 9c0b077f..1863c68f 100644 --- a/suit/static/suit/less/ui/form.less +++ b/suit/static/suit/less/ui/form.less @@ -404,6 +404,19 @@ h3 { margin-left: 5px; } } + &.stacked { + .selector-available, .selector-chosen { + width: 100%; + min-width: 150px; + max-width: 100%; + select, input { + width: 100%; + display: block; + } + } + } + + .selector-available, .selector-chosen { width: 45%; min-width: 150px; @@ -436,6 +449,23 @@ h3 { } } } + &.stacked .selector-chooser { + list-style: none; + margin: 5px 0 0 0; + width: 100%; + li { + display: inline-block; + a { + background-position: -284px -92px; + } + &:first-child { + a { + background-position: -308px -92px; + } + } + } + + } .selector-available, .selector-chosen { a:not(.active) { .color-grey; diff --git a/suit/suit.css b/suit/suit.css deleted file mode 100644 index fbb9e606..00000000 --- a/suit/suit.css +++ /dev/null @@ -1 +0,0 @@ -lessc: ENOENT, open '/data/webp/darklow/suit/suit/suit/suit.less'