github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Prototype mark-up and styles.

Browse source
This commit is contained in:
Paulo Reis 2016-06-23 12:08:13 +01:00
parent cbdcc874e3
commit f62a45444d
2 changed files with 60 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
services/web/app/views/contact-us-modal.jade
View file

@ -12,6 +12,18 @@ script(type='text/ng-template', id='supportModalTemplate')
| #{translate("subject")}
.form-group
input.field.text.medium.span8.form-control(ng-model="form.subject", maxlength='255', tabindex='1', onkeyup='')
.contact-suggestions
p.contact-suggestion-label Have you checked our knowledge base?
ul.contact-suggestion-list
li: a.contact-suggestion-list-item
span Item 1 - subsection lorem
i.fa.fa-angle-right
li: a.contact-suggestion-list-item
span Item 2 - subsection dolor
i.fa.fa-angle-right
li: a.contact-suggestion-list-item
span Item 3 - subsection sit
i.fa.fa-angle-right
label.desc(ng-show="'#{getUserEmail()}'.length < 1")
| #{translate("email")}
.form-group(ng-show="'#{getUserEmail()}'.length < 1")

47
services/web/public/stylesheets/app/contact-us.less
View file

@ -4,3 +4,50 @@
height: 120px;
}
}
.contact-suggestions {
margin: -5px -20px 10px;
padding: 10px 0;
color: @gray-dark;
background-color: @gray-lightest;
border-top: solid 1px @gray-lighter;
border-bottom: solid 1px @gray-lighter;
font-size: 0.9rem;
}
.contact-suggestion-label {
margin-bottom: 10px;
padding: 0 20px;
}
.contact-suggestion-list {
.list-unstyled();
background-color: #FFF;
border-top: solid 1px @gray-lighter;
border-bottom: solid 1px @gray-lighter;
li:last-child .contact-suggestion-list-item {
border-bottom: none;
}
}
.contact-suggestion-list-item {
display: table;
width: 100%;
color: @dropdown-link-color;
padding: 10px 20px;
border-bottom: solid 1px lighten(@gray-lighter, 10%);
cursor: pointer;
&:hover,
&:focus {
text-decoration: none;
color: @dropdown-link-hover-color;
background-color: @dropdown-link-hover-bg;
}
i {
display: table-cell;
text-align: right;
}
}