akadmin/chatwoot
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

chore: Reset the base font-size to 16px instead of 10px (#7455)

Browse Source 
Co-authored-by: Nithin David Thomas <1277421+nithindavid@users.noreply.github.com>
This commit is contained in:
Pranav Raj S
2023-07-04 03:23:00 +05:30
committed by GitHub
co-authored by Nithin David Thomas
parent 986abde531
commit 985b3f3bfc
96 changed files with 305 additions and 281 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/javascript/dashboard/components/widgets/AttachmentsPreview.vue
+2 -2
View File
@@ -75,7 +75,7 @@ export default {
flex-direction: column;
overflow: auto;
margin-top: var(--space-normal);
max-height: 20rem;
max-height: 12.5rem;
}
.preview-item {
@@ -84,7 +84,7 @@ export default {
background: var(--color-background-light);
background: var(--b-50);
border-radius: var(--border-radius-normal);
width: 24rem;
width: 15rem;
padding: var(--space-smaller);
margin-bottom: var(--space-one);
}
app/javascript/dashboard/components/widgets/InboxDropdownItem.vue
+1 -1
View File
@@ -61,7 +61,7 @@ export default {
.option-item--inbox {
display: flex;
align-items: center;
height: 3.8rem;
height: 2.375rem;
min-width: 0;
padding: 0 var(--space-smaller);
}
app/javascript/dashboard/components/widgets/WootWriter/AudioRecorder.vue
+2 -2
View File
@@ -225,8 +225,8 @@ export default {
<style lang="scss">
.audio-wave-wrapper {
min-height: 8rem;
height: 8rem;
min-height: 5rem;
height: 5rem;
}
.video-js .vjs-control-bar {
background-color: transparent;
app/javascript/dashboard/components/widgets/WootWriter/Editor.vue
+2 -2
View File
@@ -468,8 +468,8 @@ export default {
}
.ProseMirror-woot-style {
min-height: 8rem;
max-height: 12rem;
min-height: 5rem;
max-height: 7.5rem;
overflow: auto;
}
app/javascript/dashboard/components/widgets/WootWriter/FullEditor.vue
+3 -3
View File
@@ -230,8 +230,8 @@ export default {
}
.ProseMirror-woot-style {
min-height: 8rem;
max-height: 12rem;
min-height: 5rem;
max-height: 7.5rem;
overflow: auto;
}
@@ -241,6 +241,6 @@ export default {
box-shadow: var(--shadow-large);
border-radius: var(--border-radius-normal);
border: 1px solid var(--color-border);
min-width: 40rem;
min-width: 25rem;
}
</style>
app/javascript/dashboard/components/widgets/WootWriter/ReplyBottomPanel.vue
+1 -1
View File
@@ -365,6 +365,6 @@ export default {
}
.icon {
font-size: 8rem;
font-size: 5rem;
}
</style>
app/javascript/dashboard/components/widgets/conversation/ConversationBasicFilter.vue
+1 -1
View File
@@ -90,7 +90,7 @@ export default {
margin-top: var(--space-smaller);
padding: var(--space-normal);
right: 0;
width: 21rem;
width: 13.125rem;
span {
font-size: var(--font-size-small);
app/javascript/dashboard/components/widgets/conversation/ConversationBox.vue
+5 -5
View File
@@ -176,23 +176,23 @@ export default {
flex-basis: 100%;
@include breakpoint(medium up) {
flex-basis: 28rem;
flex-basis: 17.5rem;
}
@include breakpoint(large up) {
flex-basis: 30em;
flex-basis: 18.75rem;
}
@include breakpoint(xlarge up) {
flex-basis: 31em;
flex-basis: 19.375rem;
}
@include breakpoint(xxlarge up) {
flex-basis: 33rem;
flex-basis: 20.625rem;
}
@include breakpoint(xxxlarge up) {
flex-basis: 40rem;
flex-basis: 25rem;
}
&::v-deep .contact--panel {
app/javascript/dashboard/components/widgets/conversation/EmptyState.vue
+1 -1
View File
@@ -116,7 +116,7 @@ export default {
img {
margin: var(--space-normal);
width: 10rem;
width: 6.25rem;
}
span {
app/javascript/dashboard/components/widgets/conversation/Message.vue
+3 -3
View File
@@ -520,7 +520,7 @@ export default {
.image,
.video {
max-width: 32rem;
max-width: 20rem;
padding: var(--space-micro);
> img,
@@ -534,13 +534,13 @@ export default {
}
}
.video {
height: 18rem;
height: 11.25rem;
}
}
&.is-image.is-text > .message-text__wrap,
&.is-video.is-text > .message-text__wrap {
max-width: 32rem;
max-width: 20rem;
padding: var(--space-small) var(--space-normal);
}
app/javascript/dashboard/components/widgets/conversation/MessagesView.vue
+4 -4
View File
@@ -430,22 +430,22 @@ export default {
.modal-mask {
&::v-deep {
.ProseMirror-woot-style {
max-height: 40rem;
max-height: 25rem;
}
.reply-box {
border: 1px solid var(--color-border);
max-width: 120rem;
max-width: 75rem;
width: 70%;
}
.reply-box .reply-box__top {
position: relative;
min-height: 44rem;
min-height: 27.5rem;
}
.reply-box__top .input {
min-height: 44rem;
min-height: 27.5rem;
}
.emoji-dialog {
app/javascript/dashboard/components/widgets/conversation/OnboardingView.vue
+1 -1
View File
@@ -112,7 +112,7 @@ export default {
}
.scroll-wrap {
padding: var(--space-larger) 13.6rem;
padding: var(--space-larger) 8.5rem;
min-height: 100vh;
display: flex;
flex-direction: column;
app/javascript/dashboard/components/widgets/conversation/TagAgents.vue
+1 -1
View File
@@ -96,7 +96,7 @@ export default {
left: 0;
bottom: 100%;
line-height: 1.2;
max-height: 20rem;
max-height: 12.5rem;
overflow: auto;
padding: var(--space-small) var(--space-small) 0 var(--space-small);
position: absolute;
app/javascript/dashboard/components/widgets/conversation/WhatsappTemplates/Modal.vue
+1 -1
View File
@@ -71,6 +71,6 @@ export default {
<style scoped>
.modal-content {
padding: 2.5rem 3.2rem;
padding: 1.5625rem 2rem;
}
</style>
app/javascript/dashboard/components/widgets/conversation/WhatsappTemplates/TemplatesPicker.vue
+1 -1
View File
@@ -125,7 +125,7 @@ export default {
.template__list-container {
background-color: var(--s-25);
border-radius: var(--border-radius-medium);
max-height: 30rem;
max-height: 18.75rem;
overflow-y: auto;
padding: var(--space-one);
app/javascript/dashboard/components/widgets/conversation/bubble/integrations/Dyte.vue
+1 -1
View File
@@ -97,7 +97,7 @@ export default {
button {
position: absolute;
top: var(--space-smaller);
right: 16rem;
right: 10rem;
}
}
</style>
app/javascript/dashboard/components/widgets/conversation/components/GalleryView.vue
+1 -1
View File
@@ -341,7 +341,7 @@ export default {
display: flex;
font-weight: var(--font-weight-bold);
justify-content: center;
min-width: 8rem;
min-width: 5rem;
padding: var(--space-smaller);
}
}
app/javascript/dashboard/components/widgets/conversation/conversationBulkActions/Index.vue
+4 -4
View File
@@ -249,15 +249,15 @@ export default {
}
.label-actions-box {
--triangle-position: 8.5rem;
--triangle-position: 5.3125rem;
}
.update-actions-box {
--triangle-position: 5.6rem;
--triangle-position: 3.5rem;
}
.agent-actions-box {
--triangle-position: 2.8rem;
--triangle-position: 1.75rem;
}
.team-actions-box {
--triangle-position: 0.2rem;
--triangle-position: 0.125rem;
}
</style>
app/javascript/dashboard/components/widgets/forms/PhoneInput.vue
+6 -6
View File
@@ -259,8 +259,8 @@ export default {
justify-content: center;
gap: var(--space-small);
background: var(--s-25);
height: 4rem;
width: 5.2rem;
height: 2.5rem;
width: 3.25rem;
border-radius: var(--border-radius-normal) 0 0 var(--border-radius-normal);
padding: var(--space-small) var(--space-smaller) var(--space-small)
var(--space-small);
@@ -288,9 +288,9 @@ export default {
z-index: var(--z-index-low);
position: absolute;
height: var(--space-giga);
width: 20rem;
width: 12.5rem;
overflow-y: auto;
top: 4rem;
top: 2.5rem;
border-radius: var(--border-radius-default);
padding: 0 0 var(--space-smaller) 0;
background-color: var(--white);
@@ -314,7 +314,7 @@ export default {
.country-dropdown--item {
display: flex;
align-items: center;
height: 2.8rem;
height: 1.75rem;
padding: 0 var(--space-smaller);
cursor: pointer;
@@ -336,7 +336,7 @@ export default {
}
.country-name {
max-width: 12rem;
max-width: 7.5rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
app/javascript/dashboard/components/widgets/mentions/MentionBox.vue
+1 -1
View File
@@ -85,7 +85,7 @@ export default {
box-shadow: var(--shadow-medium);
left: 0;
bottom: 100%;
max-height: 15.6rem;
max-height: 9.75rem;
overflow: auto;
padding: var(--space-small) var(--space-small) 0;
position: absolute;
app/javascript/dashboard/components/widgets/modal/WootKeyShortcutModal.vue
+1 -1
View File
@@ -138,7 +138,7 @@ export default {
display: flex;
justify-content: space-between;
align-items: center;
min-width: 40rem;
min-width: 25rem;
}
.forward-slash {