Merge branch 'master' of https://github.com/LQDJudge/online-judge
This commit is contained in:
Le Van Duc
commit
19d61bf796
85 changed files with 4162 additions and 2699 deletions
|
|
@ -191,11 +191,19 @@ header {
|
|||
display: block;
|
||||
margin: 0;
|
||||
|
||||
& > li > a > span {
|
||||
& > li > span {
|
||||
height: 36px;
|
||||
padding-top: 8px;
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
border-top: 2px solid #9c3706;
|
||||
color: black;
|
||||
background: rgba(255, 255, 255, 0.25);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
& > img {
|
||||
vertical-align: middle;
|
||||
|
|
@ -233,7 +241,7 @@ header {
|
|||
top: 0;
|
||||
left: 0;
|
||||
right: 10px;
|
||||
height: 48px;
|
||||
height: $navbar_height;
|
||||
}
|
||||
|
||||
nav {
|
||||
|
|
@ -377,7 +385,7 @@ hr {
|
|||
}
|
||||
|
||||
#content {
|
||||
margin: 48px auto 1em auto;
|
||||
margin: $navbar_height auto 1em auto;
|
||||
padding-top: 1em;
|
||||
|
||||
// Header
|
||||
|
|
@ -860,6 +868,16 @@ select {
|
|||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
#loading-bar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 2px;
|
||||
background-color: #993932;
|
||||
width: 0;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
@media (max-width: 799px) {
|
||||
#user-links, .anon {
|
||||
padding-right: 0.5em;
|
||||
|
|
|
|||
|
|
@ -181,6 +181,7 @@
|
|||
.left-sidebar-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: .5em;
|
||||
|
||||
.sidebar-icon {
|
||||
font-size: large;
|
||||
|
|
@ -278,7 +279,6 @@
|
|||
padding: 0.8em 0.2em 0.8em 0.2em;
|
||||
display: inline-block;
|
||||
flex: 1;
|
||||
border-radius: 8px;
|
||||
|
||||
.sidebar-icon {
|
||||
display: none;
|
||||
|
|
@ -290,6 +290,7 @@
|
|||
margin-bottom: 1em;
|
||||
border-radius: 7px;
|
||||
display: flex;
|
||||
background: inherit;
|
||||
}
|
||||
|
||||
.blog-box {
|
||||
|
|
@ -305,9 +306,19 @@
|
|||
|
||||
@media (min-width: 800px) {
|
||||
.left-sidebar-item {
|
||||
margin-bottom: 10px;
|
||||
margin-left: 10px;
|
||||
border: 1px solid lightgray;
|
||||
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
|
||||
background-color: white;
|
||||
padding: 0.8em 0.2em 0.8em 1em;
|
||||
}
|
||||
|
||||
.sidebar-text {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.middle-content,
|
||||
.blog-sidebar,
|
||||
.right-sidebar {
|
||||
|
|
@ -345,9 +356,7 @@
|
|||
height: 100%;
|
||||
margin-top: -4em;
|
||||
padding-top: 4em;
|
||||
border-right: 1px solid lightgray;
|
||||
box-shadow: 0px -10px 2px 0px rgb(0 0 0 / 50%);
|
||||
background: white;
|
||||
border-right: 1px;
|
||||
}
|
||||
|
||||
.feed-table {
|
||||
|
|
|
|||
|
|
@ -11,15 +11,6 @@
|
|||
float: right;
|
||||
margin-right: 1em;
|
||||
}
|
||||
#emoji-button {
|
||||
position: absolute;
|
||||
right: 1em;
|
||||
font-size: 2em;
|
||||
color: lightgray;
|
||||
}
|
||||
#emoji-button:hover {
|
||||
color: gray;
|
||||
}
|
||||
#chat-log {
|
||||
padding: 0;
|
||||
padding-top: 2em;
|
||||
|
|
@ -39,15 +30,15 @@
|
|||
#chat-online {
|
||||
border-right: 1px solid #ccc;
|
||||
padding-bottom: 0 !important;
|
||||
min-width: 25%;
|
||||
border-bottom: 0;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
#chat-online-content {
|
||||
margin-bottom: 0;
|
||||
overflow: hidden;
|
||||
overflow-wrap: break-word;
|
||||
overflow-y: auto;
|
||||
max-height: calc(100% - 44px);
|
||||
max-height: 100%;
|
||||
}
|
||||
#chat-box {
|
||||
/*border: 1px solid #ccc;*/
|
||||
|
|
@ -58,37 +49,40 @@
|
|||
overflow-y: scroll;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
height: 75%;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
#chat-input {
|
||||
width: 100%;
|
||||
padding: 0.4em 4em 1em 1.2em;
|
||||
border: 0;
|
||||
color: black;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
height: 100%;
|
||||
font-size: 16px;
|
||||
border: 2px solid #e4a81c;
|
||||
}
|
||||
#chat-online-content {
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.selected-status-row {
|
||||
background-color: lightgray;
|
||||
}
|
||||
.status_last_message {
|
||||
color: darkgray;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
@media (min-width: 800px) {
|
||||
#chat-container {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: calc(100vh - 3em);;
|
||||
height: calc(100vh - 3em);
|
||||
border: 1px solid #ccc;
|
||||
/*border-radius: 0 4px 0 0;*/
|
||||
border-bottom: 0;
|
||||
}
|
||||
#chat-online {
|
||||
margin: 0;
|
||||
width: 35%;
|
||||
}
|
||||
.chat-left-panel, .chat-right-panel {
|
||||
display: block !important;
|
||||
#chat-area {
|
||||
flex-grow: 1;
|
||||
}
|
||||
}
|
||||
#chat-input, #chat-log .content-message {
|
||||
|
|
@ -97,14 +91,7 @@
|
|||
.info-pic {
|
||||
height: 100%;
|
||||
}
|
||||
.info-circle {
|
||||
position: absolute;
|
||||
cx: 12%;
|
||||
cy: 12%;
|
||||
r: 12%;
|
||||
stroke: white;
|
||||
stroke-width: 1;
|
||||
}
|
||||
|
||||
.info-name {
|
||||
margin-left: 10px;
|
||||
font-size: 2em;
|
||||
|
|
@ -138,29 +125,30 @@
|
|||
transition: 1.5s ease-in-out;
|
||||
}
|
||||
.status-pic {
|
||||
height: 1.3em;
|
||||
width: 1.3em;
|
||||
border-radius: 0.3em;
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.status-container {
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
.status-circle {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
cx: 18px;
|
||||
cy: 18px;
|
||||
cx: 27px;
|
||||
cy: 27px;
|
||||
r: 4.5px;
|
||||
stroke: white;
|
||||
stroke-width: 1;
|
||||
}
|
||||
.status-row {
|
||||
display: flex;
|
||||
font-size: 15px;
|
||||
padding: 0.2em 0.2em 0.2em 1em;
|
||||
border-radius: 4px;
|
||||
padding: 15px;
|
||||
gap: 0.5em;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.status-row:hover {
|
||||
background: lightgray;
|
||||
|
|
@ -168,6 +156,7 @@
|
|||
}
|
||||
.status-list {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.status-section-title {
|
||||
cursor: pointer;
|
||||
|
|
@ -178,6 +167,8 @@
|
|||
border-radius: 15px;
|
||||
max-width: 70%;
|
||||
width: fit-content;
|
||||
font-size: 1.05rem;
|
||||
line-height: 1.3;
|
||||
}
|
||||
.message-text-other {
|
||||
background: #eeeeee;
|
||||
|
|
@ -187,7 +178,12 @@
|
|||
background: rgb(0, 132, 255);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.chat-input-icon {
|
||||
color: #045343;
|
||||
}
|
||||
.chat-input-icon:hover {
|
||||
background: lightgray;
|
||||
}
|
||||
.chat {
|
||||
.active-span {
|
||||
color: #636363;
|
||||
|
|
@ -200,6 +196,7 @@
|
|||
background-color: darkcyan;
|
||||
border-radius: 2px;
|
||||
padding: 0 0.5em;
|
||||
align-self: flex-end;
|
||||
}
|
||||
#setting-content {
|
||||
display: none;
|
||||
|
|
@ -225,9 +222,6 @@
|
|||
|
||||
@media (max-width: 799px) {
|
||||
#chat-area {
|
||||
height: 500px;
|
||||
}
|
||||
#emoji-button {
|
||||
display: none;
|
||||
height: calc(100vh - 120px);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -385,6 +385,13 @@ function onWindowReady() {
|
|||
showTooltip(e.trigger, fallbackMessage(e.action));
|
||||
});
|
||||
});
|
||||
$('a').click(function() {
|
||||
$("#loading-bar").show();
|
||||
$("#loading-bar").animate({ width: "100%" }, 1500, function() {
|
||||
$(this).hide();
|
||||
$("#loading-bar").css({ width: 0});
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
$(function() {
|
||||
|
|
@ -429,4 +436,5 @@ $(function() {
|
|||
$('html').click(function () {
|
||||
$nav_list.hide();
|
||||
});
|
||||
|
||||
});
|
||||
File diff suppressed because one or more lines are too long
1
resources/datetime-picker/datetimepicker.full.min.js
vendored
Normal file
1
resources/datetime-picker/datetimepicker.full.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
resources/datetime-picker/datetimepicker.min.css
vendored
Normal file
1
resources/datetime-picker/datetimepicker.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 542 KiB After Width: | Height: | Size: 73 KiB |
|
|
@ -1,3 +1,4 @@
|
|||
@import "vars";
|
||||
.info-float {
|
||||
position: sticky;
|
||||
top: 60px;
|
||||
|
|
@ -20,6 +21,11 @@
|
|||
|
||||
&:first-of-type {
|
||||
border-top: #ccc 1px solid;
|
||||
border-top-left-radius: $widget_border_radius;
|
||||
border-top-right-radius: $widget_border_radius;
|
||||
.sub-result {
|
||||
border-top-left-radius: $widget_border_radius;
|
||||
}
|
||||
}
|
||||
|
||||
> div {
|
||||
|
|
|
|||
|
|
@ -150,14 +150,6 @@
|
|||
padding: 7px;
|
||||
}
|
||||
|
||||
.message .content :first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.message .content :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.new-message .detail {
|
||||
padding: 8px 10px;
|
||||
}
|
||||
|
|
@ -174,4 +166,10 @@
|
|||
padding-left: 0.5em;
|
||||
padding-top: 1.65em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 799px) {
|
||||
.ticket-container {
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
}
|
||||
|
|
@ -10,3 +10,5 @@ $widget_border_radius: 4px;
|
|||
$table_header_rounding: 6px;
|
||||
|
||||
$monospace-fonts: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
|
||||
|
||||
$navbar_height: 48px;
|
||||
|
|
|
|||
|
|
@ -277,6 +277,15 @@ input {
|
|||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 0.1rem; // Adjust the width as needed
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
&::-webkit-scrollbar-thumb {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
> li {
|
||||
position: relative;
|
||||
display: block;
|
||||
|
|
@ -614,6 +623,14 @@ ul.select2-selection__rendered {
|
|||
background: gray;
|
||||
}
|
||||
|
||||
ul.errorlist {
|
||||
margin: 0px;
|
||||
text-align: right;
|
||||
list-style: none;
|
||||
padding: 0px;
|
||||
color: red;
|
||||
}
|
||||
|
||||
.registration-form {
|
||||
.sortedm2m-container, .sortedm2m-container p.selector-filter {
|
||||
width: 300px;
|
||||
|
|
@ -690,12 +707,6 @@ ul.select2-selection__rendered {
|
|||
width: 450px;
|
||||
}
|
||||
|
||||
ul.errorlist {
|
||||
margin: 0px;
|
||||
text-align: right;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.full-textfield {
|
||||
padding-top: 0.5em;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue