improve calendar layout
This commit is contained in:
Vendored
+11
-2
@@ -813,7 +813,7 @@ body[showing-chat] #chat-page-wrapper {
|
|||||||
#chat-page > div > #main > #calendar-page > .pane-wrapper > .pane > .toolbar .input-wrapper > .month-input {
|
#chat-page > div > #main > #calendar-page > .pane-wrapper > .pane > .toolbar .input-wrapper > .month-input {
|
||||||
width: 3.1rem;
|
width: 3.1rem;
|
||||||
}
|
}
|
||||||
@media (max-width: 1024px) {
|
@media (max-width: 750px) {
|
||||||
#chat-page > div > #main > #calendar-page {
|
#chat-page > div > #main > #calendar-page {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
@@ -821,6 +821,15 @@ body[showing-chat] #chat-page-wrapper {
|
|||||||
border-bottom: 1px solid var(--border);
|
border-bottom: 1px solid var(--border);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media (max-width: 1024px) and (min-width: 750px) {
|
||||||
|
#chat-page > div > #main > #calendar-page .pane-wrapper {
|
||||||
|
flex: 1;
|
||||||
|
min-width: unset;
|
||||||
|
}
|
||||||
|
#chat-page > div > #main > #calendar-page .grid-pane-wrapper {
|
||||||
|
border-right: 1px solid var(--border);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/* src/View/Components/monthGrid.css */
|
/* src/View/Components/monthGrid.css */
|
||||||
.month-grid-wrapper {
|
.month-grid-wrapper {
|
||||||
@@ -887,7 +896,7 @@ body[showing-chat] #chat-page-wrapper {
|
|||||||
.month-grid .tile .event-list span {
|
.month-grid .tile .event-list span {
|
||||||
animation: slide-up var(--animation-duration);
|
animation: slide-up var(--animation-duration);
|
||||||
}
|
}
|
||||||
@media (max-width: 640px) and (max-height: 1200px) {
|
@media (max-width: 900px) {
|
||||||
.month-grid .tile {
|
.month-grid .tile {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -62,7 +62,7 @@
|
|||||||
width: 3.1rem;
|
width: 3.1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1024px) {
|
@media (max-width: 750px) {
|
||||||
#chat-page > div > #main > #calendar-page {
|
#chat-page > div > #main > #calendar-page {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
@@ -71,3 +71,14 @@
|
|||||||
border-bottom: 1px solid var(--border);
|
border-bottom: 1px solid var(--border);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1024px) and (min-width: 750px) {
|
||||||
|
#chat-page > div > #main > #calendar-page .pane-wrapper {
|
||||||
|
flex: 1;
|
||||||
|
min-width: unset;
|
||||||
|
}
|
||||||
|
|
||||||
|
#chat-page > div > #main > #calendar-page .grid-pane-wrapper {
|
||||||
|
border-right: 1px solid var(--border);
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -86,7 +86,7 @@
|
|||||||
animation: slide-up var(--animation-duration);
|
animation: slide-up var(--animation-duration);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 640px) and (max-height: 1200px) {
|
@media (max-width: 900px) {
|
||||||
.month-grid .tile {
|
.month-grid .tile {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -9,7 +9,7 @@ import ConnectionModel from "../../Model/Global/connectionModel";
|
|||||||
import ChatListModel from "../../Model/Chat/chatListModel";
|
import ChatListModel from "../../Model/Chat/chatListModel";
|
||||||
|
|
||||||
export default class CoreViewModel {
|
export default class CoreViewModel {
|
||||||
readonly BUILD = "Build 26.05.05.A";
|
readonly BUILD = "Build 26.05.05.B";
|
||||||
|
|
||||||
translations: Translations;
|
translations: Translations;
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user