use images instead of captions for folder create buttons to not run into width problems

This commit is contained in:
Bernhard Posselt 2013-04-11 18:06:59 +02:00
Родитель 59f42f80ad
Коммит 959b8691fa
2 изменённых файлов: 27 добавлений и 13 удалений

Просмотреть файл

@ -47,14 +47,27 @@
margin-top: 1px;
}
.add-new .back-button {
border-radius: 0;
.add-new .action-button {
width: 30px;
background-image: url('%webroot%/core/img/actions/delete.svg');
background-position: center;
background-repeat: no-repeat;
background-repeat: no-repeat;
}
.add-new .back-button:hover {
background-image: url('%webroot%/core/img/actions/delete-hover.svg');
.add-new .back-button {
border-radius: 0;
background-image: url('%webroot%/core/img/actions/delete.svg');
}
.add-new .new-button {
border-radius: 0;
background-image: url('%appswebroot%/news/img/add.svg');
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.add-new .create-button {
border-radius: 0;
background-image: url('%appswebroot%/news/img/mark_read.svg');
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}

Просмотреть файл

@ -51,9 +51,10 @@
ng-hide="addNewFolder">
<option value="" selected="selected"><?php p($l->t('Choose folder')); ?></option>
</select>
<button title="<?php p($l->t('Add')); ?>"
<button title="<?php p($l->t('New folder')); ?>"
ng-click="addNewFolder=true"
ng-hide="addNewFolder"><?php p($l->t('New')); ?></button>
ng-hide="addNewFolder"
class="action-button new-button action"></button>
<input type="text"
ng-model="folderName"
ng-disabled="isAddingFolder()"
@ -62,17 +63,17 @@
placeholder="<?php p($l->t('Folder name')); ?>"
autofocus
ui-keyup="{13: 'addFolder(folderName)'}"/>
<button title="<?php p($l->t('Back')); ?>"
<button title="<?php p($l->t('Back to folder selection')); ?>"
ng-show="addNewFolder"
ng-click="addNewFolder=false"
ng-disabled="isAddingFolder()"
class="back-button"></button>
<button title="<?php p($l->t('Add')); ?>"
class="action-button back-button action"></button>
<button title="<?php p($l->t('Create folder')); ?>"
ng-show="addNewFolder"
ng-click="addFolder(folderName)"
ng-disabled="isAddingFolder()"
ng-class="{loading: isAddingFolder()}">
<?php p($l->t('Create')); ?>
ng-class="{loading: isAddingFolder()}"
class="action-button create-button action">
</button>
</form>
</fieldset>