Changes in the stylesheets to support the svg icons for the browser

tree nodes.
pull/6/head
Ashesh Vashi 2017-09-11 11:22:36 +05:30
parent 23a00f9614
commit 4018562bc7
16 changed files with 42 additions and 31 deletions
web/pgadmin/browser
server_groups/servers
databases
schemas
domains/domain_constraints/templates/domain_constraints/css
tables
constraints
check_constraint/templates/check_constraint/css
foreign_key/templates/foreign_key/css
rules/templates/rules/css
triggers/templates/trigger/css
views/templates
mview/css
view/css
templates/databases/css
pgagent
schedules/templates/pga_schedule/css
steps/templates/pga_jobstep/css
templates/pga_job/css
roles/templates/role/css
templates/browser/css

View File

@ -1,5 +1,5 @@
.icon-coll-domain_constraints {
background-image: url('{{ url_for('NODE-%s.static' % node_type, filename='img/coll-domain_constraints.png' )}}') !important;
background-image: url('{{ url_for('NODE-%s.static' % node_type, filename='img/coll-domain_constraints.svg' )}}') !important;
background-repeat: no-repeat;
align-content: center;
vertical-align: middle;
@ -15,9 +15,9 @@
}
.icon-check, .icon-domain_constraints {
background-image: url('{{ url_for('NODE-%s.static' % node_type, filename='img/domain_constraints.png' )}}') !important;
background-image: url('{{ url_for('NODE-%s.static' % node_type, filename='img/domain_constraints.svg' )}}') !important;
background-repeat: no-repeat;
align-content: center;
vertical-align: middle;
height: 1.3em;
}
}

View File

@ -1,5 +1,5 @@
.icon-check_bad, .icon-check_constraints_bad {
background-image: url('{{ url_for('NODE-%s.static' % node_type, filename='img/check-constraints-bad.png' )}}') !important;
background-image: url('{{ url_for('NODE-%s.static' % node_type, filename='img/check-constraints-bad.svg' )}}') !important;
background-repeat: no-repeat;
align-content: center;
vertical-align: middle;
@ -7,9 +7,9 @@
}
.icon-check, .icon-check_constraints {
background-image: url('{{ url_for('NODE-%s.static' % node_type, filename='img/check-constraints.png' )}}') !important;
background-image: url('{{ url_for('NODE-%s.static' % node_type, filename='img/check-constraints.svg' )}}') !important;
background-repeat: no-repeat;
align-content: center;
vertical-align: middle;
height: 1.3em;
}
}

View File

@ -1,5 +1,5 @@
.icon-foreign_key {
background-image: url('{{ url_for('NODE-foreign_key.static', filename='img/foreign_key.png') }}') !important;
background-image: url('{{ url_for('NODE-foreign_key.static', filename='img/foreign_key.svg') }}') !important;
background-repeat: no-repeat;
align-content: center;
vertical-align: middle;
@ -7,6 +7,6 @@
}
.icon-foreign_key_no_validate {
background-image: url('{{ url_for('NODE-foreign_key.static', filename='img/foreign_key_no_validate.png') }}') !important;
background-image: url('{{ url_for('NODE-foreign_key.static', filename='img/foreign_key_no_validate.svg') }}') !important;
border-radius: 10px
}
}

View File

@ -1,5 +1,5 @@
.icon-rule{
background-image: url('{{ url_for('NODE-rule.static', filename='img/rule.png') }}') !important;
background-image: url('{{ url_for('NODE-rule.static', filename='img/rule.svg') }}') !important;
border-radius: 10px;
background-repeat: no-repeat;
align-content: center;

View File

@ -1,5 +1,5 @@
.icon-coll-trigger {
background-image: url('{{ url_for('NODE-trigger.static', filename='img/coll-trigger.png' )}}') !important;
background-image: url('{{ url_for('NODE-trigger.static', filename='img/coll-trigger.svg' )}}') !important;
background-repeat: no-repeat;
align-content: center;
vertical-align: middle;
@ -7,7 +7,7 @@
}
.icon-trigger {
background-image: url('{{ url_for('NODE-trigger.static', filename='img/trigger.png') }}') !important;
background-image: url('{{ url_for('NODE-trigger.static', filename='img/trigger.svg') }}') !important;
background-repeat: no-repeat;
align-content: center;
vertical-align: middle;
@ -15,6 +15,6 @@
}
.icon-trigger-bad {
background-image: url('{{ url_for('NODE-trigger.static', filename='img/trigger-bad.png') }}') !important;
background-image: url('{{ url_for('NODE-trigger.static', filename='img/trigger-bad.svg') }}') !important;
border-radius: 10px
}

View File

@ -1,5 +1,5 @@
.icon-mview{
background-image: url('{{ url_for('NODE-mview.static', filename='img/mview.png') }}') !important;
background-image: url('{{ url_for('NODE-mview.static', filename='img/mview.svg') }}') !important;
border-radius: 10px;
background-repeat: no-repeat;
align-content: center;

View File

@ -1,5 +1,5 @@
.icon-view{
background-image: url('{{ url_for('NODE-view.static', filename='img/view.png') }}') !important;
background-image: url('{{ url_for('NODE-view.static', filename='img/view.svg') }}') !important;
border-radius: 10px;
background-repeat: no-repeat;
align-content: center;

View File

@ -1,5 +1,5 @@
.pg-icon-database {
background-image: url('{{ url_for('NODE-database.static', filename='img/database.png') }}') !important;
background-image: url('{{ url_for('NODE-database.static', filename='img/database.svg') }}') !important;
background-repeat: no-repeat;
align-content: center;
vertical-align: middle;
@ -7,6 +7,6 @@
}
.icon-database-not-connected {
background-image: url('{{ url_for('NODE-database.static', filename='img/databasebad.png') }}') !important;
background-image: url('{{ url_for('NODE-database.static', filename='img/databasebad.svg') }}') !important;
border-radius: 10px
}

View File

@ -1,5 +1,5 @@
.icon-pga_schedule {
background-image: url('{{ url_for('NODE-pga_schedule.static', filename='img/pga_schedule.png') }}') !important;
background-image: url('{{ url_for('NODE-pga_schedule.static', filename='img/pga_schedule.svg') }}') !important;
background-repeat: no-repeat;
align-content: center;
vertical-align: middle;

View File

@ -5,3 +5,11 @@
vertical-align: middle;
height: 1.3em;
}
.icon-coll-pga_jobstep {
background-image: url('{{ url_for('NODE-pga_jobstep.static', filename='img/coll-pga_jobstep.png') }}') !important;
background-repeat: no-repeat;
align-content: center;
vertical-align: middle;
height: 1.3em;
}

View File

@ -1,5 +1,5 @@
.icon-pga_job {
background-image: url('{{ url_for('NODE-pga_job.static', filename='img/pga_job.png') }}') !important;
background-image: url('{{ url_for('NODE-pga_job.static', filename='img/pga_job.svg') }}') !important;
background-repeat: no-repeat;
align-content: center;
vertical-align: middle;
@ -7,7 +7,7 @@
}
.icon-pga_job-disabled {
background-image: url('{{ url_for('NODE-pga_job.static', filename='img/pga_job-disabled.png') }}') !important;
background-image: url('{{ url_for('NODE-pga_job.static', filename='img/pga_job-disabled.svg') }}') !important;
background-repeat: no-repeat;
align-content: center;
vertical-align: middle;

View File

@ -1,5 +1,5 @@
.icon-role {
background-image: url('{{ url_for('NODE-role.static', filename='img/role.png')}}') !important;
background-image: url('{{ url_for('NODE-role.static', filename='img/role.svg')}}') !important;
background-repeat: no-repeat;
align-content: center;
vertical-align: middle;
@ -7,7 +7,7 @@
}
.icon-group {
background-image: url('{{ url_for('NODE-role.static', filename='img/group.png')}}') !important;
background-image: url('{{ url_for('NODE-role.static', filename='img/group.svg')}}') !important;
background-repeat: no-repeat;
align-content: center;
vertical-align: middle;
@ -15,13 +15,13 @@
}
.pgadmin-node-select option[node="role"] {
background-image: url('{{ url_for('NODE-role.static', filename='img/role.png')}}') !important;
background-image: url('{{ url_for('NODE-role.static', filename='img/role.svg')}}') !important;
background-repeat: no-repeat;
background-position: center left;
}
.pgadmin-node-select option[node="group"] {
background-image: url('{{ url_for('NODE-role.static', filename='img/group.png')}}') !important;
background-image: url('{{ url_for('NODE-role.static', filename='img/group.svg')}}') !important;
background-repeat: no-repeat;
background-position: center left;
}

View File

@ -1,5 +1,5 @@
.icon-{{ server_type }} {
background-image: url('{{ url_for('NODE-server.static', filename='img/%s.png' % server_type)}}') !important;
background-image: url('{{ url_for('NODE-server.static', filename='img/%s' % (icon)) }}') !important;
background-repeat: no-repeat;
align-content: center;
vertical-align: middle;

View File

@ -7,8 +7,11 @@
}
.icon-server-not-connected {
background-image: url('{{ url_for('NODE-server.static', filename='img/serverbad.png') }}') !important;
border-radius: 10px
background-image: url('{{ url_for('NODE-server.static', filename='img/serverbad.svg') }}') !important;
background-repeat: no-repeat;
align-content: center;
vertical-align: middle;
height: 1.3em;
}
.icon-server-connecting {

View File

@ -1,7 +1,7 @@
.icon-coll-{{node_type}} {
background-image: url('{{ url_for('NODE-%s.static' % node_type, filename='img/coll-%s.png' % node_type )}}') !important;
background-image: url('{{ url_for('NODE-%s.static' % node_type, filename='img/coll-%s.svg' % node_type )}}') !important;
background-repeat: no-repeat;
align-content: center;
vertical-align: middle;
height: 1.3em;
}
}

View File

@ -1,5 +1,5 @@
.icon-{{node_type}} {
background-image: url('{{ url_for('NODE-%s.static' % node_type, filename='img/%s.png' % node_type )}}') !important;
background-image: url('{{ url_for('NODE-%s.static' % node_type, filename='img/%s.svg' % node_type )}}') !important;
background-repeat: no-repeat;
align-content: center;
vertical-align: middle;
@ -7,7 +7,7 @@
}
.pgadmin-node-select option[node="{{node_type}}"] {
background-image: url('{{ url_for('NODE-%s.static' % node_type, filename='img/%s.png' % node_type )}}') !important;
background-image: url('{{ url_for('NODE-%s.static' % node_type, filename='img/%s.svg' % node_type )}}') !important;
background-repeat: no-repeat;
background-position: center left;
}