bootstrap: Remove bootstrap CSS for pull-right class.

We use pull-right class for copy button with the multi-use
invite link only and this commit adds CSS for that specific
element. This commit then removes the bootstrap CSS for
pull-right class and also removes pull-right class from the
copy button since it is no longer required.
This commit is contained in:
Sahil Batra
2023-06-16 22:24:31 +05:30
committed by Tim Abbott
parent f4d082a5ff
commit 8c0ff704df
3 changed files with 3 additions and 34 deletions

View File

@@ -800,6 +800,7 @@ li,
margin-right: -32px; margin-right: -32px;
margin-top: -1px; margin-top: -1px;
padding: 6px 3px 6px 13px; padding: 6px 3px 6px 13px;
float: right;
/* This property nullifies the box-shadow rendered by .btn class */ /* This property nullifies the box-shadow rendered by .btn class */
&:active { &:active {

View File

@@ -1,7 +1,7 @@
{{t "Link:" }} {{t "Link:" }}
<a href="{{ invite_link }}" id="multiuse_invite_link">{{ invite_link }}</a> <a href="{{ invite_link }}" id="multiuse_invite_link">{{ invite_link }}</a>
&nbsp; &nbsp;
<a class="btn pull-right copy_button_base tippy-zulip-tooltip" data-tippy-content="{{t 'Copy link' }}" aria-label="{{t 'Copy link' }}" <a class="btn copy_button_base tippy-zulip-tooltip" data-tippy-content="{{t 'Copy link' }}" aria-label="{{t 'Copy link' }}"
id='copy_generated_invite_link' data-clipboard-text="{{ invite_link }}"> id='copy_generated_invite_link' data-clipboard-text="{{ invite_link }}">
{{> copy_to_clipboard_svg }} {{> copy_to_clipboard_svg }}
</a> </a>

View File

@@ -227,23 +227,6 @@ blockquote small {
blockquote small:before { blockquote small:before {
content: '\2014 \00A0'; content: '\2014 \00A0';
} }
blockquote.pull-right {
float: right;
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eeeeee;
border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
text-align: right;
}
blockquote.pull-right small:before {
content: '';
}
blockquote.pull-right small:after {
content: '\00A0 \2014';
}
q:before, q:before,
q:after, q:after,
blockquote:before, blockquote:before,
@@ -620,9 +603,6 @@ input.search-query {
.nav > li > a > img { .nav > li > a > img {
max-width: none; max-width: none;
} }
.nav > .pull-right {
float: right;
}
.nav-header { .nav-header {
display: block; display: block;
padding: 3px 15px; padding: 3px 15px;
@@ -1150,10 +1130,6 @@ input.search-query {
-moz-background-clip: padding; -moz-background-clip: padding;
background-clip: padding-box; background-clip: padding-box;
} }
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider { .dropdown-menu .divider {
height: 1px; height: 1px;
margin: 9px 1px; margin: 9px 1px;
@@ -1219,10 +1195,6 @@ input.search-query {
top: 0; top: 0;
z-index: 990; z-index: 990;
} }
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret { .dropup .caret {
border-top: 0; border-top: 0;
border-bottom: 4px solid #000000; border-bottom: 4px solid #000000;
@@ -1371,9 +1343,6 @@ button.close {
border: 0; border: 0;
-webkit-appearance: none; -webkit-appearance: none;
} }
.pull-right {
float: right;
}
.pull-left { .pull-left {
float: left; float: left;
} }
@@ -1437,8 +1406,7 @@ button.close {
} }
} }
@media (max-width: 480px) { @media (max-width: 480px) {
.media .pull-left, .media .pull-left {
.media .pull-right {
float: none; float: none;
display: block; display: block;
margin-bottom: 10px; margin-bottom: 10px;