Skip to content

Commit

Permalink
Refactor dialog
Browse files Browse the repository at this point in the history
  • Loading branch information
bricesanchez committed Jun 3, 2018
1 parent f773bdf commit f72e78e
Show file tree
Hide file tree
Showing 2 changed files with 50 additions and 44 deletions.
3 changes: 2 additions & 1 deletion core/app/assets/stylesheets/refinery/components/_dialog.sass
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,6 @@
height: 13px
margin: -6px 0 0 -104px

.ui-dialog
.ui-dialog-titlebar
padding: 1.25em
border-bottom: 1px solid $line_separator_colour
Expand Down Expand Up @@ -59,8 +58,10 @@
iframe
width: 100% !important


#dialog_container
background-color: white
margin: 1em

#dialog_container #content .field,
.dialog_container .field
Expand Down
91 changes: 48 additions & 43 deletions core/app/assets/stylesheets/refinery/components/_form_actions.sass
Original file line number Diff line number Diff line change
@@ -1,50 +1,55 @@
#page_container
#page
#content
form
position: relative
.form-actions
position: absolute
bottom: -5em
left: 0
width: 100%

.form-actions-left,
.form-actions-right
margin: 1.5em 0

.form-actions-left
.button
margin-right: 0.25em

.form-actions-right
text-align: right

.button
margin-left: 0.25em

form
.form-actions
position: absolute
bottom: -5em
left: 0
width: 100%

.form-actions-left,
.form-actions-right
margin: 1.5em 0

.form-actions-left
.button
margin-right: 0.25em

.form-actions-right
text-align: right

.button
margin-left: 0.25em
.button
background: linear-gradient(to bottom, #65c3f7, $base_color)
border: 1px solid $base_color
border-radius: 3px
color: white
cursor: pointer
display: inline-block
font-size: 0.9em
padding: 0.5em 1em
text-decoration: none

&:hover
background: $base_color

.button
background: linear-gradient(to bottom, #65c3f7, $base_color)
border: 1px solid $base_color
border-radius: 3px
color: white
cursor: pointer
display: inline-block
font-size: 0.9em
padding: 0.5em 1em
text-decoration: none

&:hover
background: $base_color
&#delete_button
background: linear-gradient(to bottom, #de3618, #c73016)
border: 1px solid #b02b13

&#delete_button
background: linear-gradient(to bottom, #de3618, #c73016)
border: 1px solid #b02b13
&:hover
background: #c73016

&:hover
background: #c73016
&#cancel_button
background: linear-gradient(to bottom, white, #f9fafb)
border: 1px solid #c4cdd5
color: #666A70

&#cancel_button
background: linear-gradient(to bottom, white, #f9fafb)
border: 1px solid #c4cdd5
color: #666A70

&:hover
background: #f9fafb
&:hover
background: #f9fafb

0 comments on commit f72e78e

Please sign in to comment.