Styling adjustments.

This commit is contained in:
Paulo Reis 2018-06-22 16:07:54 +01:00
parent 9bc70d479c
commit a1da24a86d
5 changed files with 42 additions and 21 deletions

View file

@ -46,7 +46,7 @@ block content
ng-if="!userEmail.default"
ng-click="removeUserEmail(userEmail.email)"
) Remove
tr(
tr.affiliations-table-highlighted-row(
ng-if="ui.isLoadingEmails"
)
td.text-center(colspan="3")
@ -60,13 +60,13 @@ block content
a(
href
ng-click="showAddEmailForm()"
) Add new email
) Add another email
tr(
tr.affiliations-table-highlighted-row(
ng-if="ui.showAddEmailUI"
)
td
p
.affiliations-form-group
input-suggestions(
ng-model="newAffiliation.email"
ng-model-options="{ allowInvalid: true }"
@ -79,7 +79,7 @@ block content
input-required="true"
)
td
p(
div(
ng-if="newAffiliation.university && !ui.showManualUniversitySelectionUI"
)
| {{ newAffiliation.university.name }} (
@ -88,10 +88,10 @@ block content
ng-click="selectUniversityManually();"
) change
| )
p(
div(
ng-if="!newAffiliation.university && !ui.isValidEmail && !ui.showManualUniversitySelectionUI"
) Start by adding your email address.
p(
div(
ng-if="!newAffiliation.university && ui.isValidEmail && !ui.isBlacklistedEmail && !ui.showManualUniversitySelectionUI"
)
| Is your email affiliated with an institution?
@ -102,21 +102,21 @@ block content
) Let us know
div(
ng-if="ui.showManualUniversitySelectionUI"
)
p
ss)
.affiliations-form-group
ui-select(
ng-model="newAffiliation.country"
)
ui-select-match(
placeholder="Select your country"
placeholder="Country"
) {{ $select.selected.name }}
ui-select-choices(
repeat="country in countries | filter: $select.search"
)
span(
ng-bind="country.name"
)
p
s)
.affiliations-form-group
ui-select(
ng-model="newAffiliation.university"
ng-disabled="!newAffiliation.country"
@ -124,7 +124,7 @@ block content
tagging-label="false"
)
ui-select-match(
placeholder="Select your university"
placeholder="Institution"
) {{ $select.selected.name }}
ui-select-choices(
repeat="university in universities | filter: $select.search"
@ -132,17 +132,18 @@ block content
span(
ng-bind="university.name"
)
div(
ng-if="ui.isValidEmail && newAffiliation.university"
)
p
.affiliations-form-group(
ng-if="ui.isValidEmail && newAffiliation.university"
)
input.form-control(
type="text"
id="affiliations-role"
placeholder="Role"
ng-model="newAffiliation.role"
)
p
s)
.affiliations-form-group(
ng-if="ui.isValidEmail && newAffiliation.university"
)
input.form-control(
type="text"
id="affiliations-department"

View file

@ -23,4 +23,13 @@
.affiliations-table-inline-actions {
width: 20%;
}
.affiliations-table-highlighted-row {
background-color: tint(@content-alt-bg-color, 6%);
}
.affiliations-form-group {
margin-bottom: @table-cell-padding;
:last-of-type {
margin-bottom: 0;
}
}

View file

@ -5,7 +5,7 @@
.input-suggestions-main {
position: absolute;
top: 0;
background-color: transparent;
// background-color: transparent;
}
.input-suggestions-shadow {

View file

@ -48,4 +48,13 @@
}
}
}
}
.ui-select-container[tagging] {
.ui-select-toggle {
cursor: text;
> i.caret.pull-right {
display: none;
}
}
}

View file

@ -65,6 +65,8 @@
@btn-info-bg : @ol-blue;
@btn-info-border : transparent;
@padding-xs-horizontal : 8px;
// Alerts
@alert-padding : 15px;
@alert-border-radius : @border-radius-base;