Use variable for mobile jumbo list button
| @@ -11,19 +11,18 @@ | |||
| 11 | } | 11 | } |
| 12 | 12 | ||
| 13 | #rm_button_panel_pin_div, | 13 | #rm_button_panel_pin_div, |
| 14 | #lm_button_panel_pin_div{ | 14 | #lm_button_panel_pin_div { |
| 15 | display: none; | 15 | display: none; |
| 16 | } | 16 | } |
| 17 | 17 | ||
| 18 | #rm_button_characters { | 18 | #rm_button_characters { |
| 19 | font-size: 3em; | 19 | font-size: var(--topBarIconSize); |
| 20 | } | 20 | } |
| 21 | 21 | ||
| 22 | #CharListButtonAndHotSwaps { | 22 | #CharListButtonAndHotSwaps { |
| 23 | align-items: center; | 23 | align-items: center; |
| 24 | } | 24 | } |
| 25 | 25 | ||
| 26 | |||
| 27 | #send_form.compact #leftSendForm, | 26 | #send_form.compact #leftSendForm, |
| 28 | #send_form.compact #rightSendForm { | 27 | #send_form.compact #rightSendForm { |
| 29 | flex-wrap: nowrap; | 28 | flex-wrap: nowrap; |
| @@ -34,7 +33,8 @@ | |||
| 34 | display: none; | 33 | display: none; |
| 35 | } | 34 | } |
| 36 | 35 | ||
| 37 | #bg_menu_content, #bg_custom_content { | 36 | #bg_menu_content, |
| 37 | #bg_custom_content { | ||
| 38 | grid-template-columns: repeat(var(--bg-thumb-columns, 3), 1fr); | 38 | grid-template-columns: repeat(var(--bg-thumb-columns, 3), 1fr); |
| 39 | } | 39 | } |
| 40 | 40 | ||
| @@ -770,7 +770,7 @@ export function initRossMods() { | |||
| 770 | // read the state of right Nav Lock and apply to rightnav classlist | 770 | // read the state of right Nav Lock and apply to rightnav classlist |
| 771 | $(RPanelPin).prop('checked', accountStorage.getItem('NavLockOn') == 'true'); | 771 | $(RPanelPin).prop('checked', accountStorage.getItem('NavLockOn') == 'true'); |
| 772 | if (accountStorage.getItem('NavLockOn') == 'true') { | 772 | if (accountStorage.getItem('NavLockOn') == 'true') { |
| 773 | //console.log('setting pin class via local var'); | 773 | //console.log('setting pin class via local var'); |
| 774 | $(RightNavPanel).addClass('pinnedOpen'); | 774 | $(RightNavPanel).addClass('pinnedOpen'); |
| 775 | $(RightNavDrawerIcon).addClass('drawerPinnedOpen'); | 775 | $(RightNavDrawerIcon).addClass('drawerPinnedOpen'); |
| 776 | } | 776 | } |
| @@ -782,7 +782,7 @@ export function initRossMods() { | |||
| 782 | // read the state of left Nav Lock and apply to leftnav classlist | 782 | // read the state of left Nav Lock and apply to leftnav classlist |
| 783 | $(LPanelPin).prop('checked', accountStorage.getItem('LNavLockOn') === 'true'); | 783 | $(LPanelPin).prop('checked', accountStorage.getItem('LNavLockOn') === 'true'); |
| 784 | if (accountStorage.getItem('LNavLockOn') == 'true') { | 784 | if (accountStorage.getItem('LNavLockOn') == 'true') { |
| 785 | //console.log('setting pin class via local var'); | 785 | //console.log('setting pin class via local var'); |
| 786 | $(LeftNavPanel).addClass('pinnedOpen'); | 786 | $(LeftNavPanel).addClass('pinnedOpen'); |
| 787 | $(LeftNavDrawerIcon).addClass('drawerPinnedOpen'); | 787 | $(LeftNavDrawerIcon).addClass('drawerPinnedOpen'); |
| 788 | } | 788 | } |
| @@ -795,7 +795,7 @@ export function initRossMods() { | |||
| 795 | // read the state of left Nav Lock and apply to leftnav classlist | 795 | // read the state of left Nav Lock and apply to leftnav classlist |
| 796 | $(WIPanelPin).prop('checked', accountStorage.getItem('WINavLockOn') === 'true'); | 796 | $(WIPanelPin).prop('checked', accountStorage.getItem('WINavLockOn') === 'true'); |
| 797 | if (accountStorage.getItem('WINavLockOn') == 'true') { | 797 | if (accountStorage.getItem('WINavLockOn') == 'true') { |
| 798 | //console.log('setting pin class via local var'); | 798 | //console.log('setting pin class via local var'); |
| 799 | $(WorldInfo).addClass('pinnedOpen'); | 799 | $(WorldInfo).addClass('pinnedOpen'); |
| 800 | $(WIDrawerIcon).addClass('drawerPinnedOpen'); | 800 | $(WIDrawerIcon).addClass('drawerPinnedOpen'); |
| 801 | } | 801 | } |
| @@ -6126,4 +6126,4 @@ body:not(.movingUI) .drawer-content.maximized { | |||
| 6126 | .info-block.error { | 6126 | .info-block.error { |
| 6127 | border-color: var(--error-color, #e87f7f); | 6127 | border-color: var(--error-color, #e87f7f); |
| 6128 | background-color: rgba(241, 163, 163, 0.2); | 6128 | background-color: rgba(241, 163, 163, 0.2); |
| 6129 | } | 6129 | } |
| \ No newline at end of file | 6129 | \ No newline at end of file | |