resources/src/mediawiki.rcfilters/styles/mw.rcfilters.ui.FilterTagMultiselectWidgetMobile.less

   1 @import 'mediawiki.mixins';
   2 @import 'mediawiki.ui/variables';
   3
   4 .mw-rcfilters-ui-filterTagMultiselectWidget-mobile {
   5
   6         // Them mobile version of the search input is meant to function
   7         // as a button, so styles are modified to that effect. See T224655 for details.
   8         .oo-ui-tagMultiselectWidget-input {
   9                 & .oo-ui-iconElement-icon {
  10                         opacity: 1;
  11                         cursor: pointer;
  12                 }
  13
  14                 &.oo-ui-textInputWidget input[ readonly ] {
  15                         background-color: @background-color-base;
  16                         font-weight: bold;
  17                         cursor: pointer;
  18                         .mixin-placeholder( { color: @colorText; } );
  19                 }
  20         }
  21
  22         .mw-rcfilters-ui-filterTagMultiselectWidget-mobile-view {
  23                 width: 100%;
  24                 margin-top: -1px;
  25
  26                 & .oo-ui-buttonOptionWidget {
  27                         width: 50%;
  28
  29                         & .oo-ui-buttonElement-button {
  30                                 width: 100%;
  31                                 text-align: initial;
  32                         }
  33                 }
  34         }
  35 }