chef-server-webui 0.9.18 → 0.10.0.beta.0

data/public/stylesheets/base.css

@@ -11,7 +11,7 @@ a img { border: none; }
 
 body {
   font-size: 12px;
-  font-family: sans-serif;  
+  font-family: sans-serif;
 }
 
 #container {
@@ -24,12 +24,12 @@ body {
 
 #header {
   position: relative;
-  padding-top: 1px;  
+  padding-top: 1px;
 }
 
 #header h1 {
   margin: 0;
-  padding: 10px 0;  
+  padding: 10px 0;
   font-size: 30px;
 }
 
@@ -37,9 +37,13 @@ body {
   text-decoration: none;
 }
 
-#main {  
-  width: 80%; 
-  float: left;    
+#main {
+  width: 100%;
+  float: left;
+}
+
+#main.loginPage {
+  width: 80%;
 }
 
 .actions-bar {
@@ -58,10 +62,10 @@ body {
 
 #sidebar {
   width: 15%;
-  float: right;      
+  float: right;
 }
 
-#sidebar h3 {  
+#sidebar h3 {
   padding: 10px 15px;
   margin: 0;
   font-size: 13px;
@@ -87,6 +91,7 @@ body {
 
 #wrapper {
   padding-top: 20px;
+  background: #F4F4F6;
 }
 
 #main .block {
@@ -95,7 +100,7 @@ body {
 }
 
 #main .block .content .inner {
-  padding: 0 15px 15px;  
+  padding: 0 15px 15px;
 }
 
 #main .main p.first {
@@ -105,7 +110,7 @@ body {
 #user-navigation {
   position: absolute;
   top: 0px;
-  right: 20px;  
+  right: 20px;
 }
 
 #main-navigation {
@@ -119,7 +124,8 @@ body {
 }
 
 #user-navigation ul li, #main-navigation ul li, .secondary-navigation ul li {
-  float: left;  
+  float: left;
+  padding-top: 0;
 }
 
 #main-navigation ul li {
@@ -127,7 +133,7 @@ body {
 }
 
 #user-navigation ul li {
-  padding: 5px 10px;
+  padding: 60px 10px;
 }
 
 #main-navigation ul li a:link, #main-navigation ul li a:visited, #main-navigation ul li a:hover, #main-navigation ul li a:active,
@@ -143,14 +149,14 @@ body {
 }
 
 .secondary-navigation {
-  font-size: 13px;  
+  font-size: 13px;
   border-bottom-width: 10px;
   border-bottom-style: solid;
 }
 
 .secondary-navigation ul li a {
   display: block;
-  padding: 10px 15px;  
+  padding: 10px 15px;
 }
 
 #footer {
@@ -161,7 +167,7 @@ body {
 
 .pagination a, .pagination span {
   padding: 2px 5px;
-  margin-right: 5px; 
+  margin-right: 5px;
   display: block;
   float: left;
   border-style: solid;
@@ -169,17 +175,17 @@ body {
 }
 
 .pagination span.current {
-  font-weight: bold;  
+  font-weight: bold;
 }
 
 .pagination a {
-  text-decoration: none;  
+  text-decoration: none;
 }
 
 /* tables */
 .table {
   width: 100%;
-  border-collapse: collapse;  
+  border-collapse: collapse;
   margin-bottom: 15px;
 }
 
@@ -194,7 +200,7 @@ body {
 }
 
 .table th.last {
-  width: 200px;  
+  width: 200px;
 }
 
 .table .checkbox {
@@ -261,8 +267,8 @@ input.checkbox {
 }
 
 .form label.label {
-  display: block;
-  padding-bottom: 2px;  
+  display: inline-block;
+  padding-bottom: 2px;
   font-weight: bold;
 }
 
@@ -294,7 +300,7 @@ ul.list li {
 }
 
 ul.list li .left {
-  float: left;  
+  float: left;
 }
 
 ul.list li .left .avatar {
@@ -317,7 +323,7 @@ ul.list li .item .avatar {
 
 #box {
   width: 500px;
-  margin: 50px auto;  
+  margin: 50px auto;
 }
 
 #box .block {
@@ -326,7 +332,7 @@ ul.list li .item .avatar {
 
 #box .block h2 {
   padding: 10px 15px;
-  margin: 0;  
+  margin: 0;
 }
 
 #box .block .content {

data/public/stylesheets/chef.css

@@ -17,6 +17,10 @@
 .ruby .expr { color: #227; }
 .ruby .escape { color: #277; }
 
+.todo{
+  color:red;
+}
+
 .files {
   padding-left: 20px;
 }
@@ -27,7 +31,6 @@
 }
 
 .search td {
-  /*overflow: auto;*/
   font-size: 0.8em;
 }
 
@@ -49,35 +52,164 @@ dl dt { font-weight: bold; }
   padding-top: 2px;
 }
 
-div.sortable {
-  height: 200px;
-  width: 350px;
-  margin-right: 10px;
-  border: 1px solid black;
-  overflow-y: scroll;
-  background: #777777;
+div.roleFormContainer, div.nodeFormContainer, div.environmentFormContainer{
+  padding: 0 15px 15px;
+  min-width:1050px;
+}
+
+div#run_list_editor_container {
+  min-height:450px;
+  min-width:1050px;
+}
+
+div.runListEditorColumn {
+  float:left;
+  margin-top: 20px;
+}
+
+div#current_run_list_display_container{
+  margin-left:20px;
+}
+
+span#cookbook_constraints_picker{
+  float:left;
+  margin-left:10px;
+}
+
+span#cookbook_constraints_picker select{
+  size: 15;
+  margin-right:50px;
+}
+
+span#environment_run_list_selection_control{
+  float:right;
+  margin-right:10px;
+}
+
+div.runListEditorLabel, div#activeRunListName{
+  font-size: 1.2em;
+  font-weight: bold;
 }
 
-div.sortable.run-list {
-  height: 430px;
-  width: 350px;
+div.runListEditorLabel{
+  padding: 3px 0 5px 0;
+  margin: 0;
+  color:white;
+  background:#005573;
+  background: -moz-linear-gradient(top,  #007BA7,  #005573);
+  background:-webkit-gradient(linear, left top, left bottom, from(#007BA7), to(#005573));
+  text-shadow: #005573 0px -1px 0px;
+  display: block;
+  text-align:center;
+}
+
+div.activeRunListLabel{
+  padding-right:15px;
+  padding-left:15px;
+}
+
+div#activeRunListName{
+  padding:2px;
+  text-align:center;
+}
+
+div.runListItemListContainer{
+  border: 1px solid #999;
+  margin-top:5px;
   margin-right: 10px;
-  border: 1px solid black;
+  box-shadow:2px 2px 2px #dfdfdf;
+  /* Safari 5 has a weird problem where these divs increase in width by 15px after updating contents with ajax.
+  Problem doesn't occur in webkit nightlies. setting max-width works around.*/
+  max-width:360px;
+}
+
+div.emptyRunListControlsContainer{
+  padding:10px;
+}
+
+div.runListAvailableItemContainer, div.runListContainer {
+  width: 360px;
   overflow-y: scroll;
-  background: #777777;
+  background: #eee;
+}
+
+div.runListAvailableItemContainer{
+  height: 200px;
+}
+
+div.runListAvailableItemContainer .spinner{
+  position: relative;
+  top: 100px;
+  left: 0;
+  z-index: 1000;
+  text-align: center;
 }
 
-div.run-list ul.ui-sortable#for_node, div.run-list ul.ui-sortable#for_role {
-  min-height: 420px;
+div.runListContainer{
+  height: 407px;
 }
 
+div.runListContainerForNode{
+  height:432px;
+}
+
+div.inactive, ul.inactive{
+  display:none;
+}
+
+ul.runListAvailableItemList, ul.runListItemList {
+  padding:5px 0px 0px 0px;
+  min-height:185px;
+  width:100%;
+  list-style-type: none;
+  margin: 0px;
+}
+
+ul.runListItemList{
+  min-height:405.5px;
+}
+
+ul#for_node.runListItemList{
+  min-height:420.5px;
+}
+
+li.runListItem{
+  margin: 0px 5px 5px 5px;
+  padding: 5px;
+  width: 93%;
+  overflow:hidden;
+  cursor:pointer;
+}
+
+li.displayRunListItem{
+  padding: 5px 5px 5px 5px;
+  margin: 0px 5px 0px 5px;
+  width: 93%;
+  border-bottom:1px solid #eee;
+}
+
+div.cloneRunListOption{
+  padding: 5px 5px 5px 5px;
+  margin: 0px 5px 0px 5px;
+  width: 93%;
+}
+
+div.runListAdditionalControls{
+  min-height:15px;
+  padding:5px;
+  color:#fff;
+  background:#005573;
+  background:-webkit-gradient(linear, left top, left bottom, from(#006589), to(#005573));
+}
+div.runListAdditionalControls a{
+  color:#fff;
+}
 
 div.clear {
   clear: left;
 }
 
 table.form th {
-  /* vertical-align: top; */
   font-weight: bold;
   text-align: right;
   padding-right: 10px;
@@ -91,7 +223,6 @@ div.help {
 
 table.form td {
   text-align: left;
-  /* vertical-align: top; */
 }
 
 table.sortable td {
@@ -121,7 +252,7 @@ div#tree {
   float: left;
 }
 
-div#jform { 
+div#jform {
   float: left;
   margin-left: 50px;
 }
@@ -130,23 +261,17 @@ div.editor {
   border: 1px solid black;
 }
 
-#node_available_roles, #node_available_recipes, #for_node, #for_role, #available_recipes { 
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-  float: left;
-  margin-right: 10px; 
-  background: #eee; 
-  padding: 5px; 
-  width: 325px;
-  min-height:200px;
+div.attrEditor{
+  clear:both;
 }
 
-#node_available_roles li, #node_available_recipes li, #for_node li, #for_role li, #available_recipes li { 
-  margin: 0 5px 5px 5px; 
-  padding: 5px; 
-  width: 310px; 
-  overflow:hidden;
+div.attrEditor #treecontainer, div.attrEditor #tabcontainer{
+  float:left;
+}
+
+div.attrEditor #tabcontainer{
+  position:relative;
+  top:0px;
 }
 
 #sidebar_block {
@@ -157,21 +282,63 @@ div.editor {
   display: none;
 }
 
-div.tooltip { 
-    background-color: #000; 
-    outline: 1px solid #669; 
-    border: 2px solid #fff; 
-    padding: 10px 15px; 
+div.tooltip {
+    background-color: #000;
+    outline: 1px solid #669;
+    border: 2px solid #fff;
+    padding: 10px 15px;
     /* width: 200px;  */
-    display: none; 
-    color: #fff; 
-    text-align: left; 
-    font-size: 12px; 
-    outline-radius: 4px; 
-    -moz-outline-radius: 4px; 
-    -webkit-outline-radius: 4px; 
+    display: none;
+    color: #fff;
+    text-align: left;
+    font-size: 12px;
+    outline-radius: 4px;
+    -moz-outline-radius: 4px;
+    -webkit-outline-radius: 4px;
 }
 
 table.tooltip {
   width: 190px;
 }
+
+h1 a, h1 label, h1 .title-select {
+  display: inline-block;
+  vertical-align: middle;
+}
+
+h1 label {
+  font-size: 12px;
+  color: #F7F7F8;
+  padding-left: 10px;
+}
+
+.cookbook_version_constraints_cb_name{
+  width:80%;
+}
+
+a.cookbook_version_toggle{
+    text-decoration:none;
+    font-weight:bold;
+    font-size: 24px;
+}
+
+ul.cookbook_versions{
+    list-style-type:none;
+}
+
+#cookbook_version_table{
+    width: auto;
+}
+
+tbody.cookbook_versions td {
+    vertical-align:top;
+}
+
+.invalid_version_error {
+    color: red;
+    font-weight: bold;
+}
+
+#cbVerAddRow td {
+    background: #c1c8d2;
+}