Не прячьте элементы, когда еще есть место

Я пытаюсь использовать панель команд ng-office-ui-fabric, вот код

<!DOCTYPE html>
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
  <link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/2.6.3/css/fabric.min.css" />
  <link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/2.6.3/css/fabric.components.min.css" />
  <script src="https://cdnjs.cloudflare.com/ajax/libs/ngOfficeUiFabric/0.15.3/ngOfficeUiFabric.min.js"></script>
</head>
<body ng-app="YourApp"> 
  <div ng-controller="YourController">
      <uif-command-bar>
        <uif-command-bar-main>
          <uif-command-bar-item>
            <span>one</span>
          </uif-command-bar-item>
          <uif-command-bar-item>
            <span>two</span>
          </uif-command-bar-item>
          <uif-command-bar-item>
            <span>three</span>
          </uif-command-bar-item>
        </uif-command-bar-main>
      </uif-command-bar>
  </div>
  <script type="text/javascript"> 
    angular.module('YourApp', ['officeuifabric.core', 'officeuifabric.components'])
    .controller('YourController', ['$scope', function ($scope) {}])
  </script> 
</body>
</html>

Если мы изменим ширину предварительного просмотра, мы увидим, что элементы спрятаны очень легко (мы увидим, что добавлен класс is-hidden), хотя визуально места много.

Кто-нибудь знает, как контролировать эту предельную ширину, чтобы элементы не были легко скрыты?

Другой вариант никогда не скрывает элементы команды, кто-нибудь знает, как это включить?

Иначе можно ли сделать панель команд с office-ui-fabric в angularjs без ng-office-ui-fabric?


css angularjs office-ui-fabric
person SoftTimur    schedule 25.07.2017    source источник
comment
код, который влияет на вашу командную панель: здесь. По сути, это переключение этих элементов на переполнение в мобильной раскладке (ширина ‹ 640px). Кажется, есть переключатель для мобильного переключателя, но я не знаю, где он установлен.   -  person Claies    schedule 26.07.2017
comment
Я тоже заметил эту часть... Я даже сделал версию без части angular.forEach(scope.commandItems,.... Но все равно не получилось...   -  person SoftTimur    schedule 26.07.2017