Просмотр исходного кода

Fix style on the edit recipe strand.

Lee Morgan 5 лет назад
Родитель
Сommit
2f19fc5c1e
2 измененных файлов с 9 добавлено и 0 удалено
  1. 1 0
      views/dashboardPage/css/dashboard.css
  2. 8 0
      views/dashboardPage/css/sidebars/editRecipe.css

+ 1 - 0
views/dashboardPage/css/dashboard.css

@@ -179,6 +179,7 @@ Multi-strand use classes
     box-sizing: border-box;
     box-sizing: border-box;
     border: none;
     border: none;
     font-size: 16px;
     font-size: 16px;
+    min-height: 35px;
 }
 }
 
 
     .choosable.offColor{
     .choosable.offColor{

+ 8 - 0
views/dashboardPage/css/sidebars/editRecipe.css

@@ -1,5 +1,7 @@
 #editRecipe{
 #editRecipe{
     flex-direction: column;
     flex-direction: column;
+    width: 100%;
+    height: 100%;
 }
 }
 
 
     #editRecipeInputContainer{
     #editRecipeInputContainer{
@@ -19,7 +21,10 @@
 
 
     #editRecipeContents{
     #editRecipeContents{
         display: flex;
         display: flex;
+        flex-basis: 0;
         flex-grow: 2;
         flex-grow: 2;
+        flex-shrink: 2;
+        overflow: hidden;
     }
     }
 
 
         #editRecipeLeft, #editRecipeRight{
         #editRecipeLeft, #editRecipeRight{
@@ -37,6 +42,9 @@
             display: flex;
             display: flex;
             flex-direction: column;
             flex-direction: column;
             width: 95%;
             width: 95%;
+            flex-basis: 0;
+            flex-grow: 2;
+            overflow-y: auto;
         }
         }
 
 
     .editRecipeInputItem{
     .editRecipeInputItem{