IntenseWebs/pgadmin4
3
0
Fork 0
mirror of https://github.com/pgadmin-org/pgadmin4.git synced 2025-02-25 18:55:31 -06:00
Code Issues Packages Projects Releases Wiki Activity

Improve the history UI.

Browse Source
This commit is contained in:
Matthew Kleiman
2017-07-20 20:50:37 +01:00
committed by Dave Page
parent 21bfcd83f4
commit e29cd8d83d
5 changed files with 93 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
web/pgadmin/static/scss/sqleditor/_history.scss
View File

@@ -11,7 +11,7 @@
border: 2px solid transparent;
margin-left: 1px;
.other-info{
.other-info {
@extend .text-13;
@extend .font-gray-4;
font-family: monospace;
@@ -47,7 +47,7 @@
font-weight: bold;
border: 2px solid;
.other-info{
.other-info {
@extend .font-primary-blue;
font-weight: bold;
}
@@ -62,19 +62,37 @@
.query-detail {
width: 100%;
padding-top: 10px;
display: flex;
flex-direction: column;
.error-message-block {
@extend .bg-red-1;
flex: 0.3;
padding-left: 20px;
.history-error-text {
@extend .text-12;
padding: 7px 0;
span {
@extend .font-red-3;
font-weight: 500;
margin-right: 8px;
}
}
}
.metadata-block {
flex: 1;
padding: 0 10px;
flex: 0.4;
padding: 10px 20px;
.metadata {
display: flex;
flex-wrap: wrap;
.item {
flex: 1;
min-width: 130px;
.value {
@extend .text-14;
@@ -106,7 +124,7 @@
.message-block {
flex: 2;
display: flex;
padding-left: 10px;
padding: 0 20px;
.message {
flex: 2 2 0%;