canvas-lms/app/stylesheets/instructure_eportfolio.sass

312 lines
5.7 KiB
Sass
Raw Normal View History

2011-02-01 09:57:29 +08:00
@import environment.sass
a
:display inline
#page_sidebar
#edit_page_sidebar
:display none
.preview_content
:display none
.failed
:display none
&.editing
.edit_content_link
:display none
.failed
:display block
#section_pages
:display none
#edit_page_sidebar
:display block
&.previewing
.form_content
:display none
.preview_content
:display block
.failed
:display none
#edit_page_sidebar
.header
:font-size 1.2em
:font-weight bold
:border-bottom 1px solid #888
ul
:margin-top 0
#page_content
.section
:position relative
.links,.section_type_name,.move_link
:display none
&.editing
.section
:border 1px dashed #888
:padding 5px
:margin 10px 0
:background-color #fff
.section .section_type_name
:display block
:font-weight bold
:font-size 1.2em
:position absolute
:top 2px
:left 25px
.section:hover .links
:display block
:position absolute
:top 2px
:right 2px
.section .section_content
:display none
.section:hover .move_link
:display block
:position absolute
:top 2px
:left 2px
:background-color #fff
:padding 2px
:cursor move
.section
:padding-top 25px
:text-align center
textarea.edit_section
:width 95%
:margin-left auto
:margin-right auto
table.mceLayout
:margin-left auto
:margin-right auto
#edit_page_form
div.disabled
:display none
div.form_content
:display none
div.preview_content
:display none
&.editing
div.form_content
:display block
:margin 5px 2px
&.previewing
div.preview_content
:display block
div.form_content
:display none
div.section
:border-width 0
:background-color transparent
:padding 0
:text-align left
.section:hover .move_link,.section:hover .links,.section_type_name
:display none
#page_section_blank
:display none
.submission_list, .submission_list.instTree
:padding-left 0px
:max-height 150px
:overflow auto
:width auto
:margin 5px 50px
:text-align left
.submission_list .already_used
:font-style italic
:color #aaa
#recent_submissions
:max-height none
:overflow none
ul.submission_list.instTree li.submission.leaf
:padding 3px 30px
:background-position 9px center
#page_content
.section
.attachment
2011-02-01 09:57:29 +08:00
:font-size 1.1em
.filename
:font-weight bold
:text-decoration underline
img
:max-width 100%
2011-02-01 09:57:29 +08:00
.file_list
:text-align left
.file_list .instTree .leaf.active
:background-color #ddd
+border-radius(3px)
&.read_only
div.section_content
:display block
div.form_content
:display none
#section_pages
.section_header
:border-bottom 1px solid #888
:font-size 1.3em
:font-weight bold
:position relative
.links
:position absolute
:right 0
:bottom 2px
:font-size 0.6em
:font-weight normal
#page_list
:padding-left 0
:margin-top 5px
:list-style-type none
.page.current a
:font-weight bold
.page a:hover
:text-decoration underline
.page .remove_page_link
:display none
.page .edit_page_link
:display none
&.editing
.page .remove_page_link
:display inline
:float right
:font-weight normal
.page .edit_page_link
:display inline
.editing_image
:display none
.editing_box
:display none
.add_page_link
:display none
&.editing
.editing_image
:display inline
+opacity(0.3)
li:hover .editing_image
+opacity(1.0)
li.page .name
:cursor move
.editing_box
:display block
.displaying_box
:display none
.add_page_link
:display block
#section_list
margin: 0
padding: 0
list-style: none
border-top: 1px solid #C6C6C6
li
.section_url
color: #4b7092
display: block
font-size: 14px
padding: 5px 0 5px 25px
border-bottom: 1px solid lighten(#C6C6C6, 4%)
+text-shadow(1px, 2px, 3px, #CBCBCB)
&:hover, &:focus
background-color: darken(#e4e7e9, 2%)
// color: #fff
z-index: 0
position: static
// +text-shadow(1px, 2px, 3px, #54646C)
text-decoration: none
a.name
display: block
li.active
.section_url
position: relative
Fully adopt Bootstrap & update css to work with it, closes: #CNVS-1344 this commit does the following: * upgrade bootstrap-sass gem to most recent version * switches to using bootstrap's normalize.css and forms.css which fixes a whole bunch of misformatting of how bootstrap stuff is supposed to look, but changing those 2 affects a lot of our old stylesheets. * gets rid of unified_buttons.sass and just uses bootstraps buttons. .ui-button @extends these because we still have to support .ui-button for modals & buttonsets. but .button is no longer supported. * a lot of css file reorganization (there's no more 'blue' and 'normal canvas', there's just canvas) * a bunch of files had to be tweaked to look good with these changes. test plan: This change touches every page in canvas so, no kidding, we need to make sure every page looks OK. In order to do that: 1. each sprint team needs to give a +1 after they make sure all the pages in the features they are over look good. 2. the QA person on each team needs to look at the pages for their teams features for a QA +1 things to look for specifically when testing: * buttons: this gets rid of all those red 'cancel' links that are actually buttons, make sure all the buttons you see look right. if you see 2 plain gray buttons next to each other like [Save] [Cancel], we should make the primary one blue (by adding the .btn-primary class) * Forms: a lot of this change has to do with how form elements look, especially <select>s, <input>s and <label>s. look at the diffs for the ones that have the most changes and make sure those look good, but also check for the ones I missed and make sure those look good too. * and just random style changes, if something looks ugly or broken (and it didn't before), we should fix that. Also: just use a link instead of a drop-menu for adding event from sidebar we used to have a drop down menu for adding events to cal2 from the sidebar where you'd hit a cog and it'd ask you if you wanted to add an event or an assignment. this just simplifies it to an add icon. this: http://cl.ly/image/133a2A3q3q1M instead of: http://cl.ly/image/46463o2s3W0g Change-Id: I384fe273934bca96bf28423afb1402c7792d8766 Reviewed-on: https://gerrit.instructure.com/15422 Tested-by: Jenkins <jenkins@instructure.com> Reviewed-by: Ryan Florence <ryanf@instructure.com> QA-Review: Ryan Florence <ryanf@instructure.com>
2012-12-21 14:46:28 +08:00
background-color: $bodyBackground
2011-02-01 09:57:29 +08:00
margin-right: -1px
position: relative
z-index: 11
padding: 7px 0 7px 23px
// +text-shadow(1px, 2px, 3px, #CBCBCB)
// color: #2C4C5E
li.hidden
.section_url
color: #AAAAAA
.eportfolio-name
padding: 10px
h3, .h3
font-size: 14px
margin: 0
a
font-style: italic
2011-02-01 09:57:29 +08:00
#section_list
.remove_section_link
float: right
padding-right: 5px
:display none
.edit_section_link
:display none
&.editing
li.active
.section_url
padding-left: 5px
li
:cursor pointer
:font-size 0.9em
a.name
display: inline
.section_url
:padding-left 5px
.remove_section_link
:display inline
:margin-left 3px
:cursor pointer
.edit_section_link
:display inline
+opacity(0.3)
li.section:hover .edit_section_link
+opacity(1.0)
li.section .name
:cursor move
#section_list_manage
.editing_item
:display none
&.editing
.editing_item
:display inline
.displaying_item
:display none
Fully adopt Bootstrap & update css to work with it, closes: #CNVS-1344 this commit does the following: * upgrade bootstrap-sass gem to most recent version * switches to using bootstrap's normalize.css and forms.css which fixes a whole bunch of misformatting of how bootstrap stuff is supposed to look, but changing those 2 affects a lot of our old stylesheets. * gets rid of unified_buttons.sass and just uses bootstraps buttons. .ui-button @extends these because we still have to support .ui-button for modals & buttonsets. but .button is no longer supported. * a lot of css file reorganization (there's no more 'blue' and 'normal canvas', there's just canvas) * a bunch of files had to be tweaked to look good with these changes. test plan: This change touches every page in canvas so, no kidding, we need to make sure every page looks OK. In order to do that: 1. each sprint team needs to give a +1 after they make sure all the pages in the features they are over look good. 2. the QA person on each team needs to look at the pages for their teams features for a QA +1 things to look for specifically when testing: * buttons: this gets rid of all those red 'cancel' links that are actually buttons, make sure all the buttons you see look right. if you see 2 plain gray buttons next to each other like [Save] [Cancel], we should make the primary one blue (by adding the .btn-primary class) * Forms: a lot of this change has to do with how form elements look, especially <select>s, <input>s and <label>s. look at the diffs for the ones that have the most changes and make sure those look good, but also check for the ones I missed and make sure those look good too. * and just random style changes, if something looks ugly or broken (and it didn't before), we should fix that. Also: just use a link instead of a drop-menu for adding event from sidebar we used to have a drop down menu for adding events to cal2 from the sidebar where you'd hit a cog and it'd ask you if you wanted to add an event or an assignment. this just simplifies it to an add icon. this: http://cl.ly/image/133a2A3q3q1M instead of: http://cl.ly/image/46463o2s3W0g Change-Id: I384fe273934bca96bf28423afb1402c7792d8766 Reviewed-on: https://gerrit.instructure.com/15422 Tested-by: Jenkins <jenkins@instructure.com> Reviewed-by: Ryan Florence <ryanf@instructure.com> QA-Review: Ryan Florence <ryanf@instructure.com>
2012-12-21 14:46:28 +08:00
.message-eportfolios
clear: both
padding: 10px 30px