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/routes/dashboard/contacts/components/ContactsTable.vue
+1 -1
View File
@@ -2,7 +2,7 @@
<section class="contacts-table-wrap">
<ve-table
:fixed-header="true"
max-height="calc(100vh - 11.4rem)"
max-height="calc(100vh - 7.125rem)"
scroll-width="187rem"
:columns="columns"
:table-data="tableData"
app/javascript/dashboard/routes/dashboard/contacts/components/Header.vue
+4 -4
View File
@@ -225,24 +225,24 @@ export default {
.search-icon {
height: var(--font-size-medium);
line-height: 3.6rem;
line-height: 2.25rem;
font-size: var(--font-size-small);
color: var(--b-700);
}
}
.contact-search {
margin: 0;
height: 3.8rem;
height: 2.375rem;
width: 100%;
font-size: var(--font-size-small);
padding-left: calc(var(--space-large) + var(--space-smaller));
padding-right: 6rem;
padding-right: 3.75rem;
border-color: var(--s-100);
}
.button {
margin-left: var(--space-small);
height: 3.2rem;
height: 2rem;
right: var(--space-smaller);
position: absolute;
padding: 0 var(--space-small);
app/javascript/dashboard/routes/dashboard/conversation/ContactPanel.vue
+1 -1
View File
@@ -305,7 +305,7 @@ export default {
.label {
color: #fff;
padding: 0.2rem;
padding: 0.125rem;
}
}
app/javascript/dashboard/routes/dashboard/conversation/Macros/MacroPreview.vue
+5 -5
View File
@@ -69,9 +69,9 @@ export default {
<style lang="scss" scoped>
.macro-preview {
position: absolute;
max-height: 36rem;
max-height: 22.5rem;
min-height: var(--space-jumbo);
width: 27.2rem;
width: 17rem;
border-radius: var(--border-radius-normal);
background-color: var(--white);
box-shadow: var(--shadow-dropdown-pane);
@@ -93,7 +93,7 @@ export default {
}
.macro-block-border {
top: 0.625rem;
top: 0.390625rem;
position: absolute;
bottom: var(--space-minus-smaller);
left: 0;
@@ -103,13 +103,13 @@ export default {
.macro-block-dot {
position: absolute;
left: -0.35rem;
left: -0.21875rem;
height: var(--space-small);
width: var(--space-small);
border: 2px solid var(--s-100);
background-color: var(--white);
border-radius: var(--border-radius-full);
top: 0.4375rem;
top: 0.2734375rem;
}
}
app/javascript/dashboard/routes/dashboard/conversation/contact/ConversationForm.vue
+2 -2
View File
@@ -381,7 +381,7 @@ export default {
.contact-input {
display: flex;
align-items: center;
height: 3.9rem;
height: 2.4735rem;
background: var(--color-background-light);
border: 1px solid var(--color-border);
padding: var(--space-smaller) var(--space-small);
@@ -395,7 +395,7 @@ export default {
}
.message-input {
min-height: 8rem;
min-height: 5rem;
}
.row.gutter-small {
app/javascript/dashboard/routes/dashboard/conversation/customAttributes/CustomAttributeDropDown.vue
+1 -1
View File
@@ -105,7 +105,7 @@ export default {
display: flex;
flex-direction: column;
width: 100%;
max-height: 20rem;
max-height: 12.5rem;
.search-wrap {
margin-bottom: var(--space-small);
app/javascript/dashboard/routes/dashboard/conversation/search/ResultItem.vue
+1 -1
View File
@@ -156,7 +156,7 @@ export default {
display: flex;
.name-wrap {
max-width: 20rem;
max-width: 12.5rem;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
app/javascript/dashboard/routes/dashboard/conversation/search/SearchMessageItem.vue
+1 -1
View File
@@ -118,7 +118,7 @@ export default {
.name-wrap {
display: flex;
max-width: 22rem;
max-width: 13.75rem;
.text-block-title {
font-weight: var(--font-weight-bold);
app/javascript/dashboard/routes/dashboard/helpcenter/components/ArticleEditor.vue
+2 -2
View File
@@ -80,7 +80,7 @@ export default {
.edit-article--container {
margin: var(--space-large) auto;
padding: 0 var(--space-medium);
max-width: 89.6rem;
max-width: 56rem;
width: 100%;
}
@@ -89,7 +89,7 @@ export default {
font-weight: var(--font-weight-bold);
width: 100%;
min-height: var(--space-jumbo);
max-height: 64rem;
max-height: 40rem;
height: auto;
margin-bottom: var(--space-small);
border: 0px solid transparent;
app/javascript/dashboard/routes/dashboard/helpcenter/components/Header/ArticleHeader.vue
+1 -1
View File
@@ -180,7 +180,7 @@ export default {
}
.dropdown-pane--open {
top: var(--space-larger);
right: 14.8rem;
right: 9.25rem;
}
.selected-value {
display: inline-flex;
app/javascript/dashboard/routes/dashboard/helpcenter/components/PortalPopover.vue
+1 -1
View File
@@ -92,7 +92,7 @@ export default {
background-color: var(--white);
border-radius: var(--border-radius-normal);
box-shadow: var(--shadow-large);
max-width: 48rem;
max-width: 30rem;
z-index: var(--z-index-high);
header {
app/javascript/dashboard/routes/dashboard/helpcenter/pages/articles/ArticleSettings.vue
+1 -1
View File
@@ -227,7 +227,7 @@ export default {
.article-settings--container {
flex: 0.3;
min-width: var(--space-giga);
max-width: 36rem;
max-width: 22.5rem;
overflow-y: auto;
border-left: 1px solid var(--color-border-light);
margin-left: var(--space-normal);
app/javascript/dashboard/routes/dashboard/notifications/components/NotificationPanel.vue
+1 -1
View File
@@ -248,7 +248,7 @@ export default {
.notification-wrap {
flex-direction: column;
height: 90vh;
width: 52rem;
width: 32.5rem;
background-color: var(--white);
border-radius: var(--border-radius-medium);
position: absolute;
app/javascript/dashboard/routes/dashboard/notifications/components/NotificationTable.vue
+3 -3
View File
@@ -195,17 +195,17 @@ export default {
}
.thumbnail--column {
width: 5.2rem;
width: 3.25rem;
}
.timestamp--column {
min-width: 13rem;
min-width: 8.125rem;
text-align: right;
}
.notification-contant--wrap {
flex-direction: column;
max-width: 50rem;
max-width: 31.25rem;
}
.notification--message-title {
app/javascript/dashboard/routes/dashboard/settings/agentBots/components/CSMLBotEditor.vue
+2 -2
View File
@@ -110,11 +110,11 @@ export default {
position: absolute;
bottom: 0;
width: 100%;
padding: 1rem;
padding: 0.625rem;
background-color: #e0bbbb;
display: flex;
align-items: center;
font-size: 1.2rem;
font-size: 0.75rem;
justify-content: center;
flex-shrink: 0;
}
app/javascript/dashboard/routes/dashboard/settings/attributes/CustomAttribute.vue
+4 -4
View File
@@ -228,14 +228,14 @@ export default {
.item {
padding-left: 0;
max-width: 10rem;
min-width: 8rem;
max-width: 6.25rem;
min-width: 5rem;
}
.item-description {
padding-left: 0;
max-width: 16rem;
min-width: 10rem;
max-width: 10rem;
min-width: 6.25rem;
}
.key {
app/javascript/dashboard/routes/dashboard/settings/auditlogs/Index.vue
+1 -1
View File
@@ -141,7 +141,7 @@ export default {
flex-direction: column;
.remote-address {
width: 14rem;
width: 8.75rem;
}
.wrap-break-words {
app/javascript/dashboard/routes/dashboard/settings/campaigns/AddCampaign.vue
+1 -1
View File
@@ -365,6 +365,6 @@ export default {
</script>
<style lang="scss" scoped>
::v-deep .ProseMirror-woot-style {
height: 8rem;
height: 5rem;
}
</style>
app/javascript/dashboard/routes/dashboard/settings/campaigns/CampaignsTable.vue
+1 -1
View File
@@ -314,6 +314,6 @@ export default {
justify-content: space-evenly;
display: flex;
flex-direction: row;
min-width: 20rem;
min-width: 12.5rem;
}
</style>
app/javascript/dashboard/routes/dashboard/settings/campaigns/EditCampaign.vue
+1 -1
View File
@@ -281,6 +281,6 @@ export default {
</script>
<style lang="scss" scoped>
::v-deep .ProseMirror-woot-style {
height: 8rem;
height: 5rem;
}
</style>
app/javascript/dashboard/routes/dashboard/settings/canned/AddCanned.vue
+1 -1
View File
@@ -141,7 +141,7 @@ export default {
}
.ProseMirror-woot-style {
min-height: 20rem;
min-height: 12.5rem;
p {
font-size: var(--font-size-default);
app/javascript/dashboard/routes/dashboard/settings/canned/EditCanned.vue
+1 -1
View File
@@ -145,7 +145,7 @@ export default {
}
.ProseMirror-woot-style {
min-height: 20rem;
min-height: 12.5rem;
p {
font-size: var(--font-size-default);
app/javascript/dashboard/routes/dashboard/settings/canned/Index.vue
+1 -1
View File
@@ -209,7 +209,7 @@ export default {
</script>
<style scoped>
.short-code {
width: 14rem;
width: 8.75rem;
}
.wrap-break-words {
word-break: break-all;
app/javascript/dashboard/routes/dashboard/settings/inbox/WidgetBuilder.vue
+1 -1
View File
@@ -456,7 +456,7 @@ export default {
flex-direction: column;
align-items: center;
justify-content: flex-end;
min-height: 65rem;
min-height: 40.625rem;
margin: var(--space-zero) var(--space-two) var(--space-two) var(--space-two);
padding: var(--space-one) var(--space-one) var(--space-one) var(--space-one);
background: var(--s-50);
app/javascript/dashboard/routes/dashboard/settings/inbox/components/BusinessDay.vue
+2 -2
View File
@@ -204,7 +204,7 @@ export default {
<style lang="scss" scoped>
.day-wrap::v-deep .multiselect {
margin: 0;
width: 12rem;
width: 7.5rem;
> .multiselect__tags {
padding-left: var(--space-slab);
@@ -266,7 +266,7 @@ export default {
.day {
font-size: var(--font-size-small);
font-weight: var(--font-weight-medium);
width: 13rem;
width: 8.125rem;
}
.label {
app/javascript/dashboard/routes/dashboard/settings/inbox/components/WeeklyAvailability.vue
+2 -2
View File
@@ -188,7 +188,7 @@ export default {
</script>
<style lang="scss" scoped>
.timezone-input-wrap {
max-width: 60rem;
max-width: 37.5rem;
&::v-deep .multiselect {
margin-top: var(--space-small);
@@ -196,7 +196,7 @@ export default {
}
.unavailable-input-wrap {
max-width: 60rem;
max-width: 37.5rem;
textarea {
min-height: var(--space-jumbo);
app/javascript/dashboard/routes/dashboard/settings/macros/MacroNode.vue
+3 -3
View File
@@ -138,13 +138,13 @@ export default {
transform: translateX(0);
}
25% {
transform: translateX(0.375rem);
transform: translateX(0.234375rem);
}
50% {
transform: translateX(-0.375rem);
transform: translateX(-0.234375rem);
}
75% {
transform: translateX(0.375rem);
transform: translateX(0.234375rem);
}
100% {
transform: translateX(0);
app/javascript/dashboard/routes/dashboard/settings/macros/MacroProperties.vue
+1 -1
View File
@@ -101,7 +101,7 @@ export default {
padding: var(--space-slab);
background-color: var(--white);
// full screen height subtracted by the height of the header
height: calc(100vh - 5.6rem);
height: calc(100vh - 3.5rem);
display: flex;
flex-direction: column;
border-left: 1px solid var(--s-50);
app/javascript/dashboard/routes/dashboard/settings/profile/MessageSignature.vue
+1 -1
View File
@@ -112,7 +112,7 @@ export default {
<style lang="scss">
.profile--settings--row {
.ProseMirror-woot-style {
height: 8rem;
height: 5rem;
}
.editor-root {
app/javascript/dashboard/routes/dashboard/settings/reports/components/CsatTable.vue
+2 -2
View File
@@ -1,7 +1,7 @@
<template>
<div class="csat--table-container">
<ve-table
max-height="calc(100vh - 35rem)"
max-height="calc(100vh - 21.875rem)"
:fixed-header="true"
:columns="columns"
:table-data="tableData"
@@ -194,7 +194,7 @@ export default {
color: var(--b-600);
display: flex;
font-size: var(--font-size-small);
height: 20rem;
height: 12.5rem;
justify-content: center;
margin-top: -1px;
width: 100%;
app/javascript/dashboard/routes/dashboard/settings/reports/components/Heatmap.vue
+1 -1
View File
@@ -160,7 +160,7 @@ $heatmap-hover-border-color: (
level-6: var(--w-700),
);
$tile-height: 3rem;
$tile-height: 1.875rem;
$tile-gap: var(--space-smaller);
$container-gap-row: var(--space-one);
$container-gap-column: var(--space-two);
app/javascript/dashboard/routes/dashboard/settings/reports/components/overview/AgentTable.vue
+1 -1
View File
@@ -1,7 +1,7 @@
<template>
<div class="agent-table-container">
<ve-table
max-height="calc(100vh - 35rem)"
max-height="calc(100vh - 21.875rem)"
:fixed-header="true"
:columns="columns"
:table-data="tableData"