Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Modal Buttons: improve readability for action buttons #19

Merged
merged 1 commit into from
Jun 20, 2024
Merged

Modal Buttons: improve readability for action buttons #19

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions src/Resources/views/Admin/MediaManager/Modal/Content/_deleteFolder.html.twig
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
{% if path is not empty and is_empty_files_list(files) %}
<div class="ui list">
<div class="ui relaxed horizontal list">
<div class="item monsieurbiz-sylius-file-manager__item monsieurbiz-sylius-file-manager__item-new-folder">
<i class="trash icon"></i>
<div class="content">
<div
class="description monsieurbiz-sylius-file-manager__new-folder-label ui button mini negative"
style="max-width: 200px;color: white;"
onclick="monsieurbizSyliusMediaManagerDeleteFolder('{{ inputName | escape('js') }}', '{{ folder | escape('js')}}', '{{ path | escape('js')}}', '{{ 'monsieurbiz_sylius_media_manager.ui.delete_folder_confirm' | trans({'%path%': path}) | escape('js')}}')"
>
<i class="trash icon"></i>
{{ 'monsieurbiz_sylius_media_manager.ui.delete_folder' | trans }}
</div>
</div>
Expand Down
6 changes: 3 additions & 3 deletions src/Resources/views/Admin/MediaManager/Modal/Content/_newFolder.html.twig
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,19 +1,19 @@
<div class="ui list">
<div class="ui relaxed horizontal list">
<div class="item monsieurbiz-sylius-file-manager__item monsieurbiz-sylius-file-manager__item-new-folder">
<i class="plus icon"></i>
<div class="content">
{# Button to create folder #}
<div
class="description monsieurbiz-sylius-file-manager__new-folder-label ui button mini basic"
style="max-width: 200px;"
onclick="this.style.display='none';this.parentNode.querySelector('.monsieurbiz-sylius-file-manager__new-folder').style.display='block';this.parentNode.querySelector('.monsieurbiz-sylius-file-manager__new-folder input').focus();"
>
<i class="plus icon"></i>
{{ 'monsieurbiz_sylius_media_manager.ui.create_folder' | trans }}
</div>

{# Form to create folder #}
<div class="description monsieurbiz-sylius-file-manager__new-folder ui form mini" style="display: none;">
<input type="text" name="folder" class="ui field" style="max-width: 200px;height:28px;"/>
<input type="text" name="folder" class="ui field" style="max-width: 200px;height:28px; width: auto;"/>
<div
class="ui button mini"
onclick="monsieurbizSyliusMediaManagerCreateFolder(this.parentNode.querySelector('input'), '{{ inputName | escape('js') }}', '{{ folder | escape('js')}}', '{{ path | escape('js')}}')"
Expand Down
6 changes: 3 additions & 3 deletions src/Resources/views/Admin/MediaManager/Modal/Content/_renameFolder.html.twig
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,19 +1,19 @@
{% if path is not empty %}
<div class="ui list">
<div class="ui relaxed horizontal list">
<div class="item monsieurbiz-sylius-file-manager__item monsieurbiz-sylius-file-manager__item-rename-folder">
<i class="edit icon"></i>
<div class="content">
<div
class="description monsieurbiz-sylius-file-manager__rename-folder-label ui button mini secondary"
style="max-width: 200px;color: white;"
onclick="this.style.display='none';this.parentNode.querySelector('.monsieurbiz-sylius-file-manager__rename-folder').style.display='block';this.parentNode.querySelector('.monsieurbiz-sylius-file-manager__rename-folder input').focus();"
>
<i class="edit icon"></i>
{{ 'monsieurbiz_sylius_media_manager.ui.rename_folder' | trans }}
</div>

{# Form to rename folder #}
<div class="description monsieurbiz-sylius-file-manager__rename-folder ui form mini" style="display: none;">
<input type="text" name="folder" class="ui field" style="max-width: 200px;height:28px;"/>
<input type="text" name="folder" class="ui field" style="max-width: 200px;height:28px;width: auto;"/>
<div
class="ui button mini"
onclick="monsieurbizSyliusMediaManagerRenameFolder(this.parentNode.querySelector('input'), '{{ inputName | escape('js') }}', '{{ folder | escape('js')}}', '{{ path | escape('js')}}', '{{ 'monsieurbiz_sylius_media_manager.ui.rename_folder_confirm'| trans({'%path%': path}) | escape('js') }}', '{{ 'monsieurbiz_sylius_media_manager.ui.rename_folder_confirm_bis'| trans() }}')"
Expand Down
8 changes: 5 additions & 3 deletions src/Resources/views/Admin/MediaManager/Modal/_content.html.twig
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
{% include '@MonsieurBizSyliusMediaManagerPlugin/Admin/MediaManager/Modal/Content/_newFolder.html.twig' %}
{% include '@MonsieurBizSyliusMediaManagerPlugin/Admin/MediaManager/Modal/Content/_deleteFolder.html.twig' %}
{% include '@MonsieurBizSyliusMediaManagerPlugin/Admin/MediaManager/Modal/Content/_renameFolder.html.twig' %}
<div>
{% include '@MonsieurBizSyliusMediaManagerPlugin/Admin/MediaManager/Modal/Content/_newFolder.html.twig' %}
{% include '@MonsieurBizSyliusMediaManagerPlugin/Admin/MediaManager/Modal/Content/_renameFolder.html.twig' %}
{% include '@MonsieurBizSyliusMediaManagerPlugin/Admin/MediaManager/Modal/Content/_deleteFolder.html.twig' %}
</div>
{% include '@MonsieurBizSyliusMediaManagerPlugin/Admin/MediaManager/Modal/Content/_files.html.twig' %}
Loading