upstream/opnsense-plugins
1
0
Fork 0
mirror of https://github.com/opnsense/plugins.git synced 2026-05-28 04:34:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

font-size and padding-fix

Browse source 
I am currently very satisfied with 13px font size. the readability fits!

(cherry picked from commit 5ede35071c)
This commit is contained in:
opnsenseuser 2018-09-25 20:28:00 +02:00 committed by Franco Fichtner
parent 2d520bcf2a
commit 5e0bbd49ff
4 changed files with 60 additions and 58 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss
View file

@ -8992,16 +8992,16 @@ main.page-content.col-lg-12 {
}
> nav > #mainmenu > div > {
a.list-group-item {
font-size: 12px;
font-size: 13px;
text-align: center;
> span {
&.fa, &.glyphicon {
visibility: visible;
font-size: 28px;
font-size: 20px;
}
&.__iconspacer {
width: 50px;
height: 30px;
height: 25px;
padding: 0px;
}
}
@ -9009,13 +9009,13 @@ main.page-content.col-lg-12 {
height: 70px;
padding-left: 0px;
padding-right: 0px;
padding-top: 12px;
padding-top: 15px;
border-bottom: 2px solid #2a2a2a;
}
div {
&.collapsing > a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
font-size: 13px !important;
display: block !important;
position: absolute !important;
left: 70px !important;
@ -9023,7 +9023,7 @@ main.page-content.col-lg-12 {
}
&.collapse.in > div.collapsing > a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
font-size: 13px !important;
display: block !important;
position: absolute !important;
left: 148px !important;
@ -9057,7 +9057,7 @@ a.list-group-item.active-menu-title.collapsed {
}
> div.collapse.in > a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
font-size: 13px !important;
background-color: #393939e6 !important;
&.menu-level-3-item.active {
color: #ec6d12 !important;
@ -9067,17 +9067,17 @@ a.list-group-item.active-menu-title.collapsed {
}
> a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
font-size: 13px !important;
background-color: #393939e6 !important;
}
> div.collapse > a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
font-size: 13px !important;
}
}
&.collapsed > a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
font-size: 13px !important;
}
&.collapse.in > a.list-group-item:hover {
color: #ec6d12 !important;
@ -9110,7 +9110,7 @@ a.list-group-item:focus {
}
&.collapse.in {
width: 150px;
font-size: 12px;
font-size: 13px;
display: block;
z-index: 10;
position: absolute;
@ -9128,7 +9128,7 @@ a.list-group-item:focus {
}
&.collapsing {
width: 0px;
font-size: 12px;
font-size: 13px;
position: absolute;
display: block;
z-index: 10;
@ -9142,7 +9142,7 @@ a.list-group-item:focus {
&.collapse.in > div {
&.collapse.in {
width: 150px;
font-size: 12px;
font-size: 13px;
display: block;
z-index: 10;
position: absolute;
@ -9159,7 +9159,7 @@ a.list-group-item:focus {
}
&.collapsing {
width: 0px;
font-size: 12px;
font-size: 13px;
position: absolute;
display: block;
z-index: 10;

30
misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css
View file

@ -5877,22 +5877,22 @@ main.page-content.col-lg-12 {
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item {
font-size:12px;
font-size:13px;
text-align:center;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.fa {
visibility: visible;
font-size:28px;
font-size:20px;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.glyphicon {
visibility: visible;
font-size:28px;
font-size:20px;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.__iconspacer {
width:50px;
height:30px;
height:25px;
padding:0px;
}
@ -5901,13 +5901,13 @@ main.page-content.col-lg-12 {
height: 70px;
padding-left: 0px;
padding-right: 0px;
padding-top:12px;
padding-top:15px;
border-bottom:2px solid #2a2a2a;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing > a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
font-size: 13px !important;
display: block !important;
position: absolute !important;
left: 70px !important;
@ -5916,7 +5916,7 @@ main.page-content.col-lg-12 {
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapsing > a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
font-size: 13px !important;
display: block !important;
position: absolute !important;
left: 148px !important;
@ -5940,13 +5940,13 @@ main.page-content.col-lg-12 {
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
font-size: 13px !important;
background-color: #393939e6 !important;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
font-size: 13px !important;
background-color: #393939e6 !important;
}
@ -5957,12 +5957,12 @@ main.page-content.col-lg-12 {
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > div.collapse > a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
font-size: 13px !important;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsed > a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
font-size: 13px !important;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > a.list-group-item:hover, a.list-group-item:focus {
@ -5999,7 +5999,7 @@ main.page-content.col-lg-12 {
/* Sub Level One */
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in {
width:150px;
font-size:12px;
font-size:13px;
display: block;
z-index: 10;
position: absolute;
@ -6017,7 +6017,7 @@ main.page-content.col-lg-12 {
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing {
width:0px;
font-size:12px;
font-size:13px;
position: absolute;
display: block;
z-index: 10;
@ -6032,7 +6032,7 @@ main.page-content.col-lg-12 {
/* Sub Level Two */
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in {
width:150px;
font-size:12px;
font-size:13px;
display: block;
z-index: 10;
position: absolute;
@ -6050,7 +6050,7 @@ main.page-content.col-lg-12 {
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapsing {
width:0px;
font-size:12px;
font-size:13px;
position: absolute;
display: block;
z-index: 10;

28
misc/theme-tukan/src/opnsense/www/themes/tukan/assets/stylesheets/main.scss
View file

@ -9036,16 +9036,16 @@ main.page-content.col-lg-12 {
}
> nav > #mainmenu > div > {
a.list-group-item {
font-size: 12px;
font-size: 13px;
text-align: center;
> span {
&.fa, &.glyphicon {
visibility: visible;
font-size: 28px;
font-size: 20px;
}
&.__iconspacer {
width: 50px;
height: 30px;
height: 25px;
padding: 0px;
}
}
@ -9053,13 +9053,13 @@ main.page-content.col-lg-12 {
height: 70px;
padding-left: 0px;
padding-right: 0px;
padding-top: 12px;
padding-top: 15px;
border-bottom: 2px solid #1b313e;
}
div {
&.collapsing > a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
font-size: 13px !important;
display: block !important;
position: absolute !important;
left: 70px !important;
@ -9067,7 +9067,7 @@ main.page-content.col-lg-12 {
}
&.collapse.in > div.collapsing > a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
font-size: 13px !important;
display: block !important;
position: absolute !important;
left: 148px !important;
@ -9101,7 +9101,7 @@ a.list-group-item.active-menu-title.collapsed {
}
> div.collapse.in > a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
font-size: 13px !important;
background-color: #294C5FE6 !important;
&.menu-level-3-item.active {
color: #000 !important;
@ -9111,17 +9111,17 @@ a.list-group-item.active-menu-title.collapsed {
}
> a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
font-size: 13px !important;
background-color: #294C5FE6 !important;
}
> div.collapse > a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
font-size: 13px !important;
}
}
&.collapsed > a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
font-size: 13px !important;
background-color: #FFF !important;
}
&.collapse.in > a.list-group-item:hover {
@ -9155,7 +9155,7 @@ a.list-group-item:focus {
}
&.collapse.in {
width: 150px;
font-size: 12px;
font-size: 13px;
display: block;
z-index: 10;
position: absolute;
@ -9172,7 +9172,7 @@ a.list-group-item:focus {
}
&.collapsing {
width: 0px;
font-size: 12px;
font-size: 13px;
position: absolute;
display: block;
z-index: 10;
@ -9186,7 +9186,7 @@ a.list-group-item:focus {
&.collapse.in > div {
&.collapse.in {
width: 150px;
font-size: 12px;
font-size: 13px;
display: block;
z-index: 10;
position: absolute;
@ -9203,7 +9203,7 @@ a.list-group-item:focus {
}
&.collapsing {
width: 0px;
font-size: 12px;
font-size: 13px;
position: absolute;
display: block;
z-index: 10;

32
misc/theme-tukan/src/opnsense/www/themes/tukan/build/css/main.css
View file

@ -5883,22 +5883,24 @@ main.page-content.col-lg-12 {
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item {
font-size:12px;
font-size:13px;
text-align:center;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.fa {
visibility: visible;
font-size:28px;
font-size:20px;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.glyphicon {
visibility: visible;
font-size:28px;
font-size:20px;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item > span.__iconspacer {
width:50px; height:30px; padding:0px;
width:50px;
height:25px;
padding:0px;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > a.list-group-item {
@ -5906,13 +5908,13 @@ main.page-content.col-lg-12 {
height: 70px;
padding-left: 0px;
padding-right: 0px;
padding-top:12px;
padding-top:15px;
border-bottom:2px solid #1b313e;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing > a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
font-size: 13px !important;
display: block !important;
position: absolute !important;
left: 70px !important;
@ -5921,7 +5923,7 @@ main.page-content.col-lg-12 {
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapsing > a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
font-size: 13px !important;
display: block !important;
position: absolute !important;
left: 148px !important;
@ -5945,13 +5947,13 @@ main.page-content.col-lg-12 {
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
font-size: 13px !important;
background-color: #294C5FE6 !important;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in > a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
font-size: 13px !important;
background-color: #294C5FE6 !important;
}
@ -5962,12 +5964,12 @@ main.page-content.col-lg-12 {
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse > div.collapse > a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
font-size: 13px !important;
}
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsed > a.list-group-item {
padding-left: 10px !important;
font-size: 12px !important;
font-size: 13px !important;
background-color:#FFF !important;
}
@ -6005,7 +6007,7 @@ main.page-content.col-lg-12 {
/* Sub Level One */
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in {
width:150px;
font-size:12px;
font-size:13px;
display: block;
z-index: 10;
position: absolute;
@ -6023,7 +6025,7 @@ main.page-content.col-lg-12 {
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapsing {
width:0px;
font-size:12px;
font-size:13px;
position: absolute;
display: block;
z-index: 10;
@ -6038,7 +6040,7 @@ main.page-content.col-lg-12 {
/* Sub Level Two */
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapse.in {
width:150px;
font-size:12px;
font-size:13px;
display: block;
z-index: 10;
position: absolute;
@ -6056,7 +6058,7 @@ main.page-content.col-lg-12 {
#navigation.col-sidebar-left > div > nav > #mainmenu > div > div.collapse.in > div.collapsing {
width:0px;
font-size:12px;
font-size:13px;
position: absolute;
display: block;
z-index: 10;