style: add button labels for mobile devices
This commit is contained in:
parent
079060b459
commit
7076aa32c4
3 changed files with 16 additions and 42 deletions
|
@ -349,24 +349,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.wishlist .ui.card > .content > .extra.buttons > .ui.labeled.icon.button > i.icon {
|
||||
display: contents;
|
||||
}
|
||||
@media (min-width: 512px) {
|
||||
.wishlist .ui.card > .content > .extra.buttons > .ui.labeled.icon.button > i.icon {
|
||||
display: revert;
|
||||
}
|
||||
}
|
||||
|
||||
.wishlist .ui.card > .content > .extra.buttons > .ui.labeled.icon.button > span {
|
||||
display: none;
|
||||
}
|
||||
@media (min-width: 512px) {
|
||||
.wishlist .ui.card > .content > .extra.buttons > .ui.labeled.icon.button > span {
|
||||
display: revert;
|
||||
}
|
||||
}
|
||||
|
||||
/** Overlay */
|
||||
.ui.card .dimmer,
|
||||
.ui.cards > .card .dimmer {
|
||||
|
|
|
@ -57,10 +57,15 @@
|
|||
/** Actions */
|
||||
.ui.modal.wish-details > .actions {
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
flex-flow: column nowrap;
|
||||
gap: 0.25em;
|
||||
padding: 1rem !important;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.ui.modal.wish-details > .actions {
|
||||
flex-direction: row;
|
||||
}
|
||||
}
|
||||
|
||||
.ui.modal.wish-details > .actions .button {
|
||||
margin: 0;
|
||||
|
@ -76,26 +81,3 @@
|
|||
flex: 0 1 auto;
|
||||
}
|
||||
}
|
||||
|
||||
.ui.modal.wish-details > .actions .button i {
|
||||
display: contents;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.ui.modal.wish-details > .actions .button i {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1024px) {
|
||||
.ui.modal.wish-details > .actions .button i {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
.ui.modal.wish-details > .actions .button span {
|
||||
display: none;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.ui.modal.wish-details > .actions .button span {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -181,6 +181,16 @@ $page->navigation();
|
|||
?>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h3 class="ui header"><?= __('Changed') ?></h3>
|
||||
<ul>
|
||||
<li>
|
||||
<?php
|
||||
/** TRANSLATORS: Changelog: Changed */
|
||||
echo __('Added button labels for mobile devices');
|
||||
?>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
Loading…
Reference in a new issue