[update] Style Project page
This commit is contained in:
Bruno SIMON
File diff suppressed because one or more lines are too long
@@ -93,6 +93,130 @@ body.project
|
|||||||
bottom 110px
|
bottom 110px
|
||||||
overflow-y scroll
|
overflow-y scroll
|
||||||
|
|
||||||
|
nav.files-tree-nav
|
||||||
|
position absolute
|
||||||
|
top 0
|
||||||
|
left 0
|
||||||
|
width 100%
|
||||||
|
|
||||||
|
li
|
||||||
|
line-height 24px
|
||||||
|
font-size 12px
|
||||||
|
cursor pointer
|
||||||
|
|
||||||
|
.name
|
||||||
|
position relative
|
||||||
|
display inline-block
|
||||||
|
padding-left 20px
|
||||||
|
padding-right 6px
|
||||||
|
font-smoothing(auto)
|
||||||
|
+retina()
|
||||||
|
font-smoothing(antialiased)
|
||||||
|
|
||||||
|
.notif
|
||||||
|
display inline-block
|
||||||
|
height 12px
|
||||||
|
margin 0 2px 0 3px
|
||||||
|
padding 0 4px
|
||||||
|
line-height 12px
|
||||||
|
border-radius 6px
|
||||||
|
font-size 8px
|
||||||
|
font-smoothing(auto)
|
||||||
|
|
||||||
|
&.new-file
|
||||||
|
background #748bd5
|
||||||
|
|
||||||
|
&.new-version
|
||||||
|
background #ec399e
|
||||||
|
line-height 13px
|
||||||
|
|
||||||
|
> span
|
||||||
|
display block
|
||||||
|
padding-left 16px * 1
|
||||||
|
li > span
|
||||||
|
padding-left 16px * 2
|
||||||
|
li li > span
|
||||||
|
padding-left 16px * 3
|
||||||
|
li li li > span
|
||||||
|
padding-left 16px * 4
|
||||||
|
li li li li > span
|
||||||
|
padding-left 16px * 5
|
||||||
|
li li li li li > span
|
||||||
|
padding-left 16px * 6
|
||||||
|
li li li li li li > span
|
||||||
|
padding-left 16px * 7
|
||||||
|
li li li li li li li > span
|
||||||
|
padding-left 16px * 8
|
||||||
|
li li li li li li li li > span
|
||||||
|
padding-left 16px * 9
|
||||||
|
|
||||||
|
&.active
|
||||||
|
background #4d5b8d
|
||||||
|
|
||||||
|
i
|
||||||
|
position absolute
|
||||||
|
top 25%
|
||||||
|
left 0
|
||||||
|
display block
|
||||||
|
width 12px
|
||||||
|
height 50%
|
||||||
|
background center center no-repeat
|
||||||
|
|
||||||
|
&.folder
|
||||||
|
background-image url('../svg/folder.svg')
|
||||||
|
&.folder-active
|
||||||
|
background-image url('../svg/folder-active.svg')
|
||||||
|
&.js
|
||||||
|
background-image url('../svg/js.svg')
|
||||||
|
&.html
|
||||||
|
background-image url('../svg/html.svg')
|
||||||
|
&.sass
|
||||||
|
background-image url('../svg/sass.svg')
|
||||||
|
&.less
|
||||||
|
background-image url('../svg/less.svg')
|
||||||
|
&.css
|
||||||
|
background-image url('../svg/css.svg')
|
||||||
|
&.php
|
||||||
|
background-image url('../svg/php.svg')
|
||||||
|
&.json
|
||||||
|
background-image url('../svg/json.svg')
|
||||||
|
&.jade
|
||||||
|
background-image url('../svg/jade.svg')
|
||||||
|
&.md
|
||||||
|
background-image url('../svg/md.svg')
|
||||||
|
&.sql
|
||||||
|
background-image url('../svg/sql.svg')
|
||||||
|
&.apache
|
||||||
|
background-image url('../svg/apache.svg')
|
||||||
|
&.yml
|
||||||
|
background-image url('../svg/yml.svg')
|
||||||
|
&.svg
|
||||||
|
background-image url('../svg/svg.svg')
|
||||||
|
&.font
|
||||||
|
background-image url('../svg/font.svg')
|
||||||
|
&.image
|
||||||
|
background-image url('../svg/image.svg')
|
||||||
|
&.video
|
||||||
|
background-image url('../svg/video.svg')
|
||||||
|
&.audio
|
||||||
|
background-image url('../svg/audio.svg')
|
||||||
|
&.zip
|
||||||
|
background-image url('../svg/zip.svg')
|
||||||
|
&.txt
|
||||||
|
background-image url('../svg/txt.svg')
|
||||||
|
&.coffee
|
||||||
|
background-image url('../svg/coffee.svg')
|
||||||
|
&.git
|
||||||
|
background-image url('../svg/git.svg')
|
||||||
|
&.xml
|
||||||
|
background-image url('../svg/xml.svg')
|
||||||
|
&.twig
|
||||||
|
background-image url('../svg/twig.svg')
|
||||||
|
&.c
|
||||||
|
background-image url('../svg/c.svg')
|
||||||
|
&.random
|
||||||
|
background-image url('../svg/random.svg')
|
||||||
|
|
||||||
footer.aside-footer
|
footer.aside-footer
|
||||||
position absolute
|
position absolute
|
||||||
bottom 0
|
bottom 0
|
||||||
@@ -110,3 +234,38 @@ body.project
|
|||||||
left 240px
|
left 240px
|
||||||
right 0
|
right 0
|
||||||
bottom 0
|
bottom 0
|
||||||
|
|
||||||
|
section.no-file
|
||||||
|
position absolute
|
||||||
|
top 0
|
||||||
|
left 0
|
||||||
|
width 100%
|
||||||
|
height 100%
|
||||||
|
border-top 1px solid #515771
|
||||||
|
border-left 1px solid #515771
|
||||||
|
|
||||||
|
.text
|
||||||
|
position absolute
|
||||||
|
top 50%
|
||||||
|
left 0
|
||||||
|
width 100%
|
||||||
|
text-align center
|
||||||
|
color #c6c0d8
|
||||||
|
text-transform uppercase
|
||||||
|
font-size 20px
|
||||||
|
opacity 0.2
|
||||||
|
font-weight bold
|
||||||
|
|
||||||
|
section.file
|
||||||
|
top 0
|
||||||
|
left 0
|
||||||
|
width 100%
|
||||||
|
height 100%
|
||||||
|
|
||||||
|
header.file-header
|
||||||
|
position absolute
|
||||||
|
top 0
|
||||||
|
left 200px
|
||||||
|
right 0
|
||||||
|
height 30px
|
||||||
|
background #4d5b8d
|
||||||
@@ -13,10 +13,10 @@ script(type="text/ng-template",id="folder_template.html")
|
|||||||
span.name
|
span.name
|
||||||
i(ng-class="_file.data.icon")
|
i(ng-class="_file.data.icon")
|
||||||
| {{_file.name}}
|
| {{_file.name}}
|
||||||
span.notif(ng-if="_file.data.notif")
|
span.notif.new-file(ng-if="_file.data.new")
|
||||||
| [{{_file.data.notif}}]
|
| new
|
||||||
span.new(ng-if="_file.data.new")
|
span.notif.new-version(ng-if="_file.data.notif")
|
||||||
| [new]
|
| {{_file.data.notif}}
|
||||||
|
|
||||||
div(ng-controller="ProjectController as controller",ng-init="init('" + project_slug + "')")
|
div(ng-controller="ProjectController as controller",ng-init="init('" + project_slug + "')")
|
||||||
|
|
||||||
@@ -70,7 +70,8 @@ div(ng-controller="ProjectController as controller",ng-init="init('" + project_s
|
|||||||
|
|
||||||
section.main
|
section.main
|
||||||
section.no-file(ng-if="!file")
|
section.no-file(ng-if="!file")
|
||||||
| No file
|
.text
|
||||||
|
| Choose a file
|
||||||
section.file(ng-if="file")
|
section.file(ng-if="file")
|
||||||
header.file-header
|
header.file-header
|
||||||
span.path
|
span.path
|
||||||
|
|||||||
Reference in New Issue
Block a user