.
@@ -23,7 +24,6 @@
}
}
-
// Interactive list items
//
// Use anchor or button elements instead of `li`s or `div`s to create interactive
@@ -49,7 +49,6 @@
}
}
-
// Individual list items
//
// Use on `li`s or `div`s within the `.list-group` parent.
@@ -96,7 +95,6 @@
}
}
-
// Horizontal
//
// Change the layout of list group items from vertical (default) to horizontal.
@@ -137,7 +135,6 @@
}
}
-
// Flush list items
//
// Remove borders and border-radius to keep list group items edge-to-edge. Most
@@ -155,7 +152,6 @@
}
}
-
// scss-docs-start list-group-modifiers
// List group contextual variants
//
@@ -165,10 +161,17 @@
@each $state, $value in $theme-colors {
$list-group-variant-bg: shift-color($value, $list-group-item-bg-scale);
$list-group-variant-color: shift-color($value, $list-group-item-color-scale);
- @if (contrast-ratio($list-group-variant-bg, $list-group-variant-color) < $min-contrast-ratio) {
- $list-group-variant-color: mix($value, color-contrast($list-group-variant-bg), abs($list-group-item-color-scale));
+ @if (
+ contrast-ratio($list-group-variant-bg, $list-group-variant-color) <
+ $min-contrast-ratio
+ ) {
+ $list-group-variant-color: mix($value, color-contrast($list-group-variant-bg), math.abs($list-group-item-color-scale));
}
- @include list-group-item-variant($state, $list-group-variant-bg, $list-group-variant-color);
+ @include list-group-item-variant(
+ $state,
+ $list-group-variant-bg,
+ $list-group-variant-color
+ );
}
// scss-docs-end list-group-modifiers
diff --git a/src/assets/styles/bootstrap/_modal.scss b/src/assets/styles/bootstrap/_modal.scss
index 21e1258..da87f9c 100644
--- a/src/assets/styles/bootstrap/_modal.scss
+++ b/src/assets/styles/bootstrap/_modal.scss
@@ -3,7 +3,6 @@
// .modal-dialog - positioning shell for the actual modal
// .modal-content - actual modal w/ bg and corners and stuff
-
// Container that the modal scrolls within
.modal {
position: fixed;
@@ -85,7 +84,11 @@
// Modal background
.modal-backdrop {
- @include overlay-backdrop($zindex-modal-backdrop, $modal-backdrop-bg, $modal-backdrop-opacity);
+ @include overlay-backdrop(
+ $zindex-modal-backdrop,
+ $modal-backdrop-bg,
+ $modal-backdrop-opacity
+ );
}
// Modal header
@@ -100,8 +103,9 @@
@include border-top-radius($modal-content-inner-border-radius);
.btn-close {
- padding: ($modal-header-padding-y * .5) ($modal-header-padding-x * .5);
- margin: ($modal-header-padding-y * -.5) ($modal-header-padding-x * -.5) ($modal-header-padding-y * -.5) auto;
+ padding: ($modal-header-padding-y * 0.5) ($modal-header-padding-x * 0.5);
+ margin: ($modal-header-padding-y * -0.5) ($modal-header-padding-x * -0.5)
+ ($modal-header-padding-y * -0.5) auto;
}
}
@@ -128,7 +132,7 @@
flex-shrink: 0;
align-items: center; // vertically center
justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items
- padding: $modal-inner-padding - $modal-footer-margin-between * .5;
+ padding: $modal-inner-padding - $modal-footer-margin-between * 0.5;
border-top: $modal-footer-border-width solid $modal-footer-border-color;
@include border-bottom-radius($modal-content-inner-border-radius);
@@ -136,7 +140,7 @@
// This solution is far from ideal because of the universal selector usage,
// but is needed to fix https://github.com/twbs/bootstrap/issues/24800
> * {
- margin: $modal-footer-margin-between * .5;
+ margin: $modal-footer-margin-between * 0.5;
}
}
@@ -160,7 +164,9 @@
@include box-shadow($modal-content-box-shadow-sm-up);
}
- .modal-sm { max-width: $modal-sm; }
+ .modal-sm {
+ max-width: $modal-sm;
+ }
}
@include media-breakpoint-up(lg) {
@@ -171,7 +177,9 @@
}
@include media-breakpoint-up(xl) {
- .modal-xl { max-width: $modal-xl; }
+ .modal-xl {
+ max-width: $modal-xl;
+ }
}
// scss-docs-start modal-fullscreen-loop
diff --git a/src/assets/styles/bootstrap/_nav.scss b/src/assets/styles/bootstrap/_nav.scss
index cd1371d..365a143 100644
--- a/src/assets/styles/bootstrap/_nav.scss
+++ b/src/assets/styles/bootstrap/_nav.scss
@@ -4,37 +4,37 @@
// `
+
handleToolClick('settings')} />
+
handleToolClick('settings')} title={LocalizeText('room.settings.button.text')}>{LocalizeText('room.settings.button.text')}
+
<>
handleToolClick('bawtool')} style={{ marginTop: -4 }}/>
handleToolClick('bawtool')} title="Herramienta Baw">Baw Tool
handleToolClick('settings') } />
handleToolClick('settings') } title={ LocalizeText('room.settings.button.text') }>Ajustes
handleToolClick('zoom') } className={ classNames('iconleftgen icon', (!isZoomedIn && 'icon-zoom-less'), (isZoomedIn && 'icon-zoom-more')) } />
handleToolClick('zoom') } title={ LocalizeText('room.zoom.button.text') }>Zoom
handleToolClick('chat_history') } className="iconleftgen icon icon-chat-history" />
handleToolClick('chat_history') } title={ LocalizeText('room.chathistory.button.text') }>Historial de chat
-
- handleToolClick('hiddenbubbles') } className="iconleftgen icon icon-chat-enablebubble"/>
handleToolClick('hiddenbubbles') } title="Burbujas de chat">Burbujas
+
handleToolClick('zoom') } className={ classNames('iconleftgen icon', (!isZoomedIn && 'icon-zoom-less'), (isZoomedIn && 'icon-zoom-more')) } />
+
handleToolClick('zoom') } title={ LocalizeText('room.zoom.button.text') }>{LocalizeText('room.zoom.button.text')}
+
+
handleToolClick('chat_history') } className="iconleftgen icon icon-chat-history" />
+
handleToolClick('chat_history') } title={ LocalizeText('room.chathistory.button.text') }>{LocalizeText('room.chathistory.button.text')}
+
+
handleToolClick('hiddenbubbles') } className="iconleftgen icon icon-chat-enablebubble"/>
+
handleToolClick('hiddenbubbles') } title={ LocalizeText('room.mute.button.text') }>{LocalizeText('room.mute.button.text')}
+
<>
handleToolClick('like_room')} className="iconleftgen icon icon-like-room" />
handleToolClick('like_room')} title={LocalizeText('room.like.button.text')}>Me gusta
-
-
-
-
- { (roomHistory.length > 0) && roomHistory.map(history =>
- {
- return TryVisitRoom(history.roomId) }>{ history.roomName };
- }) }
-
-
-
-
+
+
handleToolClick('like_room')} className="iconleftgen icon icon-like-room" />
+
handleToolClick('like_room')} title={ LocalizeText('room.like.button.text') }>{LocalizeText('room.like.button.text')}
+ }
+
+
+ 1 && roomHistory[0]?.roomId !== navigatorData.currentRoomId } title={ LocalizeText('room.history.button.back.tooltip') } className={ `icon ${ (roomHistory?.length === 0 || roomHistory[0]?.roomId === navigatorData.currentRoomId) ? 'icon-room-history-back-disabled' : 'icon-room-history-back-enabled' }` } onClick={ () => (roomHistory?.length === 0 || roomHistory[0]?.roomId === navigatorData.currentRoomId) ? null : handleToolClick('room_history_back') } />
+ 0 } title={ LocalizeText('room.history.button.tooltip') } className={ `icon ${ roomHistory?.length === 0 ? 'icon-room-history-disabled' : 'icon-room-history-enabled' } margin-button-history` } onClick={ () => roomHistory?.length === 0 ? null : handleToolClick('room_history') } />
+ 1 && roomHistory[roomHistory.length - 1]?.roomId !== navigatorData.currentRoomId } title={ LocalizeText('room.history.button.forward.tooltip') } className={ `icon ${ (roomHistory?.length === 0 || roomHistory[roomHistory.length - 1]?.roomId === navigatorData.currentRoomId) ? 'icon-room-history-next-disabled' : 'icon-room-history-next-enabled' }` } onClick={ () => (roomHistory?.length === 0 || roomHistory[roomHistory.length - 1]?.roomId === navigatorData.currentRoomId) ? null : handleToolClick('room_history_next') } />
+
+
+
+
roomsetthidebot()}>
+
+
+
+
+
+ { roomName }
+ { roomOwner }
+
+ { roomTags && roomTags.length > 0 &&
+ { roomTags.map((tag, index) => handleToolClick('navigator_search_tag', tag) }>#{ tag }) }
+
+ }
+
+
+
+
+
+
+ {
+ (roomHistory.length > 0) && roomHistory.map(history =>
+ {
+ return TryVisitRoom(history.roomId) }>{ history.roomName };
+ })
+ }
+
+
+
+
+
);
-}
+}
\ No newline at end of file