Fixed some minor template styles.

Use always css class 'btn-sm' for buttons and 'input-sm' for inputs in
list and detail templates for consistent appearance.
This commit is contained in:
Emanuel Schütze 2017-02-01 22:16:26 +01:00
parent bbd8782c4c
commit e7ee8fbc07
15 changed files with 65 additions and 62 deletions

View File

@ -170,11 +170,11 @@
<select>
</div>
<p class="spacer">
<button ng-if="isAllowed('add')" ng-click="addSpeaker()" class="btn btn-default">
<button ng-if="isAllowed('add')" ng-click="addSpeaker()" class="btn btn-default btn-sm">
<i class="fa fa-plus"></i>
<translate>Add me</translate>
</button>
<button ng-if="isAllowed('remove')" ng-click="removeSpeaker()" class="btn btn-default">
<button ng-if="isAllowed('remove')" ng-click="removeSpeaker()" class="btn btn-default btn-sm">
<i class="fa fa-minus"></i>
<translate>Remove me</translate>
</button>

View File

@ -85,7 +85,7 @@
</button>
<!-- pdf -->
<div class="pull-right" uib-dropdown>
<button type="button" class="btn btn-default" id="dropdownExport" uib-dropdown-toggle>
<button type="button" class="btn btn-default btn-sm" id="dropdownExport" uib-dropdown-toggle>
<i class="fa fa-upload"></i>
<span ng-if="itemsFiltered.length == items.length" translate>
Export all
@ -99,7 +99,7 @@
<!-- PDF export -->
<li>
<a href="" ng-click="pdfExport()">
<i class="fa fa-file-pdf-o fa-lg"></i>
<i class="fa fa-file-pdf-o"></i>
PDF
</a>
</li>
@ -107,7 +107,7 @@
<li>
<a href="" id="downloadLinkCSV"
ng-click="csvExport()">
<i class="fa fa-file-text-o fa-lg"></i>
<i class="fa fa-file-text-o"></i>
CSV
</a>
</li>
@ -121,7 +121,7 @@
<a ng-show="isSelectMode" os-perms="agenda.can_manage"
ng-bootbox-confirm="{{ 'Are you sure you want to delete all selected agenda items?' | translate }}"
ng-bootbox-confirm-action="deleteMultiple()"
class="btn btn-primary">
class="btn btn-default btn-sm">
<i class="fa fa-trash fa-lg"></i>
<translate>Delete selected items</translate>
</a>

View File

@ -11,7 +11,7 @@
</div>
<div class="details">
<p class="lead" translate>Drag and drop items to change the order of the agenda. Your modification will be saved immediately.</p>
<p translate>Drag and drop items to change the order of the agenda. Your modification will be saved immediately.</p>
<div ui-tree="treeOptions" id="tree-root">
<ol ui-tree-nodes ng-model="items">

View File

@ -110,11 +110,11 @@
<select>
</div>
<p os-perms="assignments.can_nominate_self" class="spacer">
<button ng-if="!isCandidate()" ng-click="addMe()" class="btn btn-default">
<button ng-if="!isCandidate()" ng-click="addMe()" class="btn btn-default btn-sm">
<i class="fa fa-plus"></i>
<translate>Add me</translate>
</button>
<button ng-if="isCandidate()" ng-click="removeMe()" class="btn btn-default">
<button ng-if="isCandidate()" ng-click="removeMe()" class="btn btn-default btn-sm">
<i class="fa fa-minus"></i>
<translate>Remove me</translate>
</button>

View File

@ -17,8 +17,8 @@
<div class="details">
<div class="row form-group">
<div class="col-sm-12">
<!-- delete mode -->
<button os-perms="assignments.can_manage" class="btn"
<!-- select mode -->
<button os-perms="assignments.can_manage" class="btn btn-sm"
ng-class="$parent.isSelectMode ? 'btn-primary' : 'btn-default'"
ng-click="$parent.isSelectMode = !$parent.isSelectMode; uncheckAll()">
<i class="fa fa-check-square-o"></i>
@ -26,7 +26,7 @@
</button>
<!-- export dropdown -->
<div class="dropdown pull-right" uib-dropdown>
<button type="button" class="btn btn-default" id="dropdownExport" uib-dropdown-toggle>
<button type="button" class="btn btn-default btn-sm" id="dropdownExport" uib-dropdown-toggle>
<i class="fa fa-upload"></i>
<span ng-if="assignmentsFiltered.length == assignments.length" translate>
Export all
@ -40,7 +40,7 @@
<!-- PDF export -->
<li>
<a href="" ng-click="makePDF_assignmentList()">
<i class="fa fa-file-pdf-o fa-lg"></i>
<i class="fa fa-file-pdf-o"></i>
<translate>PDF</translate>
</a>
</li>
@ -64,7 +64,7 @@
<a ng-show="isSelectMode" os-perms="assignments.can_manage"
ng-bootbox-confirm="{{ 'Are you sure you want to delete all selected elections?' | translate }}"
ng-bootbox-confirm-action="deleteMultiple()"
class="btn btn-primary">
class="btn btn-default btn-sm">
<i class="fa fa-trash fa-lg"></i>
<translate>Delete selected elections</translate>
</a>

View File

@ -2,14 +2,14 @@
<div class="title">
<div class="submenu" os-perms="core.can_manage_projector">
<!-- New -->
<button class="btn btn-primary" ng-bootbox-prompt="{{ 'Please enter a name for the new projector' | translate }}"
<button class="btn btn-primary btn-sm" ng-bootbox-prompt="{{ 'Please enter a name for the new projector' | translate }}"
ng-bootbox-prompt-action="createProjector(result)">
<i class="fa fa-plus"></i>
<translate>New</translate>
</button>
<!-- Reference for current list of speakers -->
<div class="btn-group" uib-dropdown>
<button class="btn btn-default" id="menuListofSpeakers" uib-dropdown-toggle
<button class="btn btn-default btn-sm" id="menuListofSpeakers" uib-dropdown-toggle
uib-tooltip="{{ 'Select the projector to which the current list of speakers refers to.' | translate }}"
aria-haspopup="true" aria-expanded="true">
<i class="fa fa-microphone"></i>
@ -26,7 +26,7 @@
</ul>
</div>
<!-- Identity -->
<button class="btn" ng-click="identifyProjectors()" ng-class="identifyPromise ? 'btn-primary' : 'btn-default'"
<button class="btn btn-sm" ng-click="identifyProjectors()" ng-class="identifyPromise ? 'btn-primary' : 'btn-default'"
uib-tooltip="{{ 'Display an identifier message on all projectors with the id and the name.' | translate }}">
<i class="fa fa-binoculars"></i>
<translate>Identify</translate>
@ -186,7 +186,8 @@
<button class="btn btn-sm" ng-class="broadcast == projector.id ? 'btn-primary' : 'btn-default'"
ng-click="projector.toggleBroadcast(projector)"
ng-disabled="broadcast > 0 && broadcast != projector.id"
uib-tooltip="{{ 'Broadcast the content of this projector to all other projectors.' | translate }}">
uib-tooltip="{{ 'Broadcast the content of this projector to all other projectors.' | translate }}"
tooltip-placement="bottom">
<i class="fa" ng-class="broadcast == projector.id ? 'fa-star' : 'fa-star-o'"></i>
<translate>Broadcast</translate>
</button>

View File

@ -116,7 +116,7 @@
<div class="col-sm-6">
<form class="form-inline">
<!-- select mode -->
<button os-perms="mediafiles.can_manage" class="btn"
<button os-perms="mediafiles.can_manage" class="btn btn-sm"
ng-class="$parent.isSelectMode ? 'btn-primary' : 'btn-default'"
ng-click="$parent.isSelectMode = !$parent.isSelectMode; uncheckAll()">
<i class="fa fa-check-square-o"></i>
@ -131,7 +131,7 @@
<!-- delete button -->
<a ng-show="isSelectMode"
os-perms="mediafiles.can_manage" ng-click="deleteMultiple()"
class="btn btn-primary">
class="btn btn-default btn-sm">
<i class="fa fa-trash fa-lg"></i>
<translate>Delete selected mediafiles</translate>
</a>

View File

@ -12,7 +12,7 @@
<div class="details">
<div class="lead-div">
<p class="lead" translate>
<p translate>
Drag and drop motions to reorder the category. Then click the button to renumber.
</p>
<a os-perms="motions.can_manage" class="btn btn-primary btn-sm" ng-click="numbering()">

View File

@ -26,7 +26,7 @@
</div>
<div class="details">
<a os-perms="motions.can_manage" class="btn btn-default btn"
<a os-perms="motions.can_manage" class="btn btn-default btn btn-sm"
ng-bootbox-confirm="{{ 'Are you sure you want to override the state of all motions of this motion block?' | translate }}"
ng-bootbox-confirm-action="followRecommendations()">
<i class="fa fa-magic fa-lg"></i>

View File

@ -114,15 +114,15 @@
</div>
<div class="spacer">
<button ng-click="clear()" class="btn btn-default" translate>
<button ng-click="clear()" class="btn btn-default btn-sm" translate>
Clear preview
</button>
<button ng-if="!csvImporting && motionsWillBeImported > 0" ng-click="import()" class="btn btn-primary" translate>
<button ng-if="!csvImporting && motionsWillBeImported > 0" ng-click="import()" class="btn btn-primary btn-sm" translate>
Import {{ motionsWillBeImported }} motions
</button>
</div>
<div class="spacer">
<a ng-if="csvimported" ui-sref="motions.motion.list" class="btn btn-default">
<a ng-if="csvimported" ui-sref="motions.motion.list" class="btn btn-default btn-sm">
<i class="fa fa-angle-double-left fa-lg"></i>
<translate>Back to motions overview</translate>
</a>

View File

@ -30,7 +30,7 @@
<div class="row">
<div class="col-sm-12">
<!-- select mode -->
<button os-perms="motions.can_manage" class="btn"
<button os-perms="motions.can_manage" class="btn btn-sm"
ng-class="$parent.isSelectMode ? 'btn-primary' : 'btn-default'"
ng-click="$parent.isSelectMode = !$parent.isSelectMode; uncheckAll()">
<i class="fa fa-check-square-o"></i>
@ -38,7 +38,7 @@
</button>
<!-- Export dropdown -->
<div class="dropdown pull-right" uib-dropdown>
<button type="button" class="btn btn-default" id="dropdownExport" uib-dropdown-toggle>
<button type="button" class="btn btn-default btn-sm" id="dropdownExport" uib-dropdown-toggle>
<i class="fa fa-upload"></i>
<span ng-if="motionsFiltered.length == motions.length" translate>
Export all
@ -52,7 +52,7 @@
<!-- PDF export -->
<li>
<a href="" ng-click="pdfExport()">
<i class="fa fa-file-pdf-o fa-lg"></i>
<i class="fa fa-file-pdf-o"></i>
PDF
</a>
</li>
@ -60,14 +60,14 @@
<li>
<a href="" id="downloadLinkCSV"
ng-click="csvExport()">
<i class="fa fa-file-text-o fa-lg"></i>
<i class="fa fa-file-text-o"></i>
CSV
</a>
</li>
<!-- DOCX export -->
<li>
<a href="" ng-click="docxExport()">
<i class="fa fa-file-word-o fa-lg"></i>
<i class="fa fa-file-word-o"></i>
DOCX
</a>
</li>
@ -79,7 +79,7 @@
<div uib-collapse="!isSelectMode" class="row spacer">
<div class="col-sm-12 text-left form-inline" ng-show="isSelectMode" os-perms="motions.can_manage">
<!-- actions -->
<select ng-model="selectedAction" class="form-control">
<select ng-model="selectedAction" class="form-control input-sm">
<option value="" translate>--- Select action ---</option>
<option value="delete" translate>Delete</option>
<option value="setStatus" translate>Set status</option>
@ -87,7 +87,7 @@
<option value="setMotionBlock" ng-if="motionBlocks.length" translate>Set motion block</option>
</select>
<!-- state select -->
<select ng-show="selectedAction == 'setStatus'" ng-model="selectedState" class="form-control">
<select ng-show="selectedAction == 'setStatus'" ng-model="selectedState" class="form-control input-sm">
<option value="" translate>--- Select state ---</option>
<option ng-repeat="state in states" ng-disabled="state.workflowHeader" value="{{ state.id }}">
{{ (state.workflowHeader ? state.headername : state.name) | translate }}
@ -95,11 +95,11 @@
</select>
<!-- set state button -->
<a ng-show="selectedAction == 'setStatus' && selectedState"
ng-click="setStatusMultiple(selectedState)" class="btn btn-default">
ng-click="setStatusMultiple(selectedState)" class="btn btn-default btn-sm">
<translate>Set status</translate>
</a>
<!-- category select -->
<select ng-show="selectedAction == 'setCategory'" ng-model="selectedCategory" class="form-control">
<select ng-show="selectedAction == 'setCategory'" ng-model="selectedCategory" class="form-control input-sm">
<option value="" translate>--- Select category ---</option>
<option ng-repeat="category in categories" value="{{ category.id }}">
{{ category.name }}
@ -108,11 +108,11 @@
</select>
<!-- set category button -->
<a ng-show="selectedAction == 'setCategory' && selectedCategory"
ng-click="setCategoryMultiple(selectedCategory)" class="btn btn-default">
ng-click="setCategoryMultiple(selectedCategory)" class="btn btn-default btn-sm">
<translate>Set category</translate>
</a>
<!-- motionBlock select -->
<select ng-show="selectedAction == 'setMotionBlock'" ng-model="selectedMotionBlock" class="form-control">
<select ng-show="selectedAction == 'setMotionBlock'" ng-model="selectedMotionBlock" class="form-control input-sm">
<option value="" translate>--- Select motion block ---</option>
<option ng-repeat="motionBlock in motionBlocks" value="{{ motionBlock.id }}">
{{ motionBlock.title }}
@ -121,14 +121,14 @@
</select>
<!-- set motion block button -->
<a ng-show="selectedAction == 'setMotionBlock' && selectedMotionBlock"
ng-click="setMotionBlockMultiple(selectedMotionBlock)" class="btn btn-default">
ng-click="setMotionBlockMultiple(selectedMotionBlock)" class="btn btn-default btn-sm">
<translate>Set motion block</translate>
</a>
<!-- delete button -->
<a ng-show="selectedAction == 'delete'"
ng-bootbox-confirm="{{ 'Are you sure you want to delete all selected motions?' | translate }}"
ng-bootbox-confirm-action="deleteMultiple()"
class="btn btn-danger">
class="btn btn-default btn-sm">
<i class="fa fa-trash fa-lg"></i>
<translate>Delete selected motions</translate>
</a>

View File

@ -21,7 +21,7 @@
</div>
<div class="clearfix">
<button ng-click="importByLine()" class="btn btn-primary pull-left" translate>Import</button>
<button ng-click="importByLine()" class="btn btn-primary btn-sm pull-left" translate>Import</button>
<div class="col-xs-5" ng-if="titleItems">
<progressbar animate="false" type="success" max="titleItems.length" value="importcounter">
<i>{{ importcounter }} / {{ titleItems.length }} {{ "imported" | translate }}</i>
@ -30,7 +30,7 @@
</div>
<div class="spacer">
<a ng-if="importcounter > 0 && importcounter == titleItems.length" ui-sref="agenda.item.list"
class="btn btn-default">
class="btn btn-default btn-sm">
<i class="fa fa-angle-double-left fa-lg"></i>
<translate>Back to agenda</translate>
</a>
@ -117,15 +117,15 @@
</div>
<div class="spacer">
<button ng-click="clear()" class="btn btn-default" translate>
<button ng-click="clear()" class="btn btn-default btn-sm" translate>
Clear preview
</button>
<button ng-if="!csvImporting && itemsWillBeImported > 0" ng-click="import()" class="btn btn-primary" translate>
<button ng-if="!csvImporting && itemsWillBeImported > 0" ng-click="import()" class="btn btn-primary btn-sm" translate>
Import {{ itemsWillBeImported }} topics
</button>
</div>
<div class="spacer">
<a ng-if="csvimported" ui-sref="agenda.item.list" class="btn btn-default">
<a ng-if="csvimported" ui-sref="agenda.item.list" class="btn btn-default btn-sm">
<i class="fa fa-angle-double-left fa-lg"></i>
<translate>Back to agenda</translate>
</a>

View File

@ -40,10 +40,10 @@
</span>
</div>
</div>
<button type="submit" ng-click="save(user)" class="btn btn-primary" translate>
<button type="submit" ng-click="save(user)" class="btn btn-primary btn-sm" translate>
Change password
</button>
<button ui-sref="users.user.list" class="btn btn-default" translate>
<button ui-sref="users.user.list" class="btn btn-default btn-sm" translate>
Cancel
</button>
</form>

View File

@ -22,7 +22,7 @@
</div>
<div class="clearfix">
<button ng-click="importByLine()" class="btn btn-primary pull-left" translate>Import</button>
<button ng-click="importByLine()" class="btn btn-primary btn-sm pull-left" translate>Import</button>
<div class="col-xs-5" ng-if="usernames">
<progressbar animate="false" type="success" max="usernames.length" value="importcounter">
<i>{{ importcounter }} / {{ usernames.length }} {{ "imported" | translate }}</i>
@ -31,7 +31,7 @@
</div>
<div class="spacer">
<a ng-if="importcounter > 0 && importcounter == usernames.length" ui-sref="users.user.list"
class="btn btn-default">
class="btn btn-default btn-sm">
<i class="fa fa-angle-double-left fa-lg"></i>
<translate>Back to users overview</translate>
</a>
@ -205,15 +205,15 @@
</div>
<div class="spacer">
<button ng-click="clear()" class="btn btn-default" translate>
<button ng-click="clear()" class="btn btn-default btn-sm" translate>
Clear preview
</button>
<button ng-if="!csvImporting && usersWillBeImported > 0" ng-click="import()" class="btn btn-primary" translate>
<button ng-if="!csvImporting && usersWillBeImported > 0" ng-click="import()" class="btn btn-primary btn-sm" translate>
Import {{ usersWillBeImported }} participants
</button>
</div>
<div class="spacer">
<a ng-if="csvimported" ui-sref="users.user.list" class="btn btn-default">
<a ng-if="csvimported" ui-sref="users.user.list" class="btn btn-default btn-sm">
<i class="fa fa-angle-double-left fa-lg"></i>
<translate>Back to users overview</translate>
</a>

View File

@ -22,7 +22,7 @@
<div class="row">
<div class="col-sm-6">
<!-- select mode -->
<button os-perms="users.can_manage" class="btn"
<button os-perms="users.can_manage" class="btn btn-sm"
ng-class="$parent.isSelectMode ? 'btn-primary' : 'btn-default'"
ng-click="$parent.isSelectMode = !$parent.isSelectMode; uncheckAll()">
<i class="fa fa-check-square-o"></i>
@ -31,7 +31,7 @@
</div>
<div class="col-sm-6">
<div class="dropdown pull-right" uib-dropdown>
<button os-perms="users.can_manage" class="btn btn-default" uib-dropdown-toggle
<button os-perms="users.can_manage" class="btn btn-default btn-sm" uib-dropdown-toggle
id="user-pdf-dropdown">
<i class="fa fa-upload"></i>
<span ng-if="usersFiltered.length == users.length" translate>
@ -65,7 +65,7 @@
<div uib-collapse="!isSelectMode" class="row spacer">
<div os-perms="users.can_manage" ng-show="isSelectMode" class="col-sm-12 text-left form-inline">
<!-- actions -->
<select ng-model="selectedAction" class="form-control">
<select ng-model="selectedAction" class="form-control input-sm">
<option value="" translate>--- Select action ---</option>
<option value="delete" translate>Delete</option>
<option value="addGroup" translate>Add group</option>
@ -79,44 +79,46 @@
<a ng-show="selectedAction == 'delete'"
ng-bootbox-confirm="{{ 'Are you sure you want to delete all selected users?' | translate }}"
ng-bootbox-confirm-action="deleteMultiple()"
class="btn btn-default">
class="btn btn-default btn-sm">
<i class="fa fa-trash fa-lg"></i>
<translate>Delete selected participants</translate>
</a>
<!-- group select -->
<select ng-show="selectedAction == 'addGroup' || selectedAction == 'removeGroup'"
ng-model="selectedGroup" class="form-control">
ng-model="selectedGroup" class="form-control input-sm">
<option value="" translate>--- Select group ---</option>
<option ng-repeat="group in groups" value="{{ group.id }}">{{ group.name | translate }}</option>
</select>
<!-- add group button -->
<a ng-show="selectedAction == 'addGroup'"
ng-click="addGroupMultiple(selectedGroup)" class="btn btn-default">
<i class="fa fa-plus fa-lg"></i>
ng-click="addGroupMultiple(selectedGroup)" class="btn btn-default btn-sm">
<i class="fa fa-plus"></i>
<translate>Add group</translate>
</a>
<!-- remove group button -->
<a ng-show="selectedAction == 'removeGroup'"
ng-click="removeGroupMultiple(selectedGroup)" class="btn btn-default">
<i class="fa fa-minus fa-lg"></i>
ng-click="removeGroupMultiple(selectedGroup)" class="btn btn-default btn-sm">
<i class="fa fa-minus"></i>
<translate>Remove group</translate>
</a>
<!-- generate new password button -->
<a ng-show="selectedAction == 'generatePasswords'" class="btn btn-default"
<a ng-show="selectedAction == 'generatePasswords'" class="btn btn-default btn-sm"
ng-click="generateNewPasswordsMultiple()">
<i class="fa fa-magic"></i>
<translate>Generate new passwords</translate>
</a>
<!-- set bool property button -->
<a ng-show="inArray(['is_active', 'is_present', 'is_committee'], selectedAction)"
ng-click="setBoolPropertyMultiple(selectedAction, true)" class="btn btn-default">
ng-click="setBoolPropertyMultiple(selectedAction, true)" class="btn btn-default btn-sm">
<i class="fa fa-check"></i>
<span ng-if="selectedAction == 'is_active'" translate>Is active</span>
<span ng-if="selectedAction == 'is_present'" translate>Is present</span>
<span ng-if="selectedAction == 'is_committee'" translate>Is committee</span>
</a>
<!-- unset bool property button -->
<a ng-show="inArray(['is_active', 'is_present', 'is_committee'], selectedAction)"
ng-click="setBoolPropertyMultiple(selectedAction, false)" class="btn btn-default">
ng-click="setBoolPropertyMultiple(selectedAction, false)" class="btn btn-default btn-sm">
<i class="fa fa-ban"></i>
<span ng-if="selectedAction == 'is_active'" translate>Is not active</span>
<span ng-if="selectedAction == 'is_present'" translate>Is not present</span>
<span ng-if="selectedAction == 'is_committee'" translate>Is not a committee</span>