@mideind/netskrafl-react 3.4.5 → 3.4.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6535,12 +6535,13 @@ div.netskrafl-container input[type="checkbox"] {
6535
6535
  }
6536
6536
 
6537
6537
  /* ==========================================================================
6538
- RESPONSIVE: Mobile portrait (extra tall - iPhone X+)
6538
+ RESPONSIVE: Mobile default (overridden by the landscape query below)
6539
6539
  ========================================================================== */
6540
6540
 
6541
- @media all and (max-width: 1023px) and (min-height: 632px) {
6542
- /* iPhone X or taller */
6543
- /* Tall mobile phones: use two lines to display the header */
6541
+ @media all and (max-width: 1023px) {
6542
+ /* Default mobile styles: two-line header, score and tab layout.
6543
+ The landscape query further down overrides these for wide+short
6544
+ viewports with orientation: landscape. */
6544
6545
  .netskrafl-container div.scoreleft {
6545
6546
  display: inline-block;
6546
6547
  position: relative;
@@ -6677,7 +6678,7 @@ div.netskrafl-container input[type="checkbox"] {
6677
6678
  text-align: center;
6678
6679
  }
6679
6680
  .netskrafl-container div.logowrapper {
6680
- width: 0%;
6681
+ display: none;
6681
6682
  }
6682
6683
  .netskrafl-container div.playerwrapper {
6683
6684
  width: 100%;
@@ -7112,6 +7113,9 @@ div.netskrafl-container input[type="checkbox"] {
7112
7113
  .netskrafl-container div.game-container div.header-logo {
7113
7114
  display: none;
7114
7115
  }
7116
+ .netskrafl-container div.game-container div.logowrapper {
7117
+ display: none;
7118
+ }
7115
7119
  .netskrafl-container div.board-help {
7116
7120
  display: block;
7117
7121
  z-index: 2;