mj-saunders
/
epicyon
forked from indymedia/epicyon
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Button margin

main
Bob Mottram 2020-11-19 21:21:23 +00:00
parent 53fc4b108f
commit 93859563dc
2 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
epicyon-profile.css
View File

@ -48,6 +48,8 @@
--time-vertical-align: 4px; --time-vertical-align: 4px;
--time-vertical-align-mobile: 25px; --time-vertical-align-mobile: 25px;
--publish-button-text: #FFFFFF; --publish-button-text: #FFFFFF;
--button-margin: 5px;
--button-left-margin: none;
--button-text: #FFFFFF; --button-text: #FFFFFF;
--button-selected-text: #FFFFFF; --button-selected-text: #FFFFFF;
--publish-button-background: #999; --publish-button-background: #999;
@ -1292,7 +1294,7 @@ div.container {
font-family: var(--header-font); font-family: var(--header-font);
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 10%; width: 10%;
margin: 5px; margin: var(--button-margin);
min-width: var(--button-width-chars); min-width: var(--button-width-chars);
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
@ -1301,6 +1303,7 @@ div.container {
border-left: var(--tab-border-width) solid var(--tab-border-color); border-left: var(--tab-border-width) solid var(--tab-border-color);
border-right: var(--tab-border-width) solid var(--tab-border-color); border-right: var(--tab-border-width) solid var(--tab-border-color);
margin-bottom: var(--button-bottom-margin); margin-bottom: var(--button-bottom-margin);
margin-left: var(--button-left-margin);
} }
.buttonDesktop { .buttonDesktop {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
@ -1320,6 +1323,7 @@ div.container {
border-left: var(--tab-border-width) solid var(--tab-border-color); border-left: var(--tab-border-width) solid var(--tab-border-color);
border-right: var(--tab-border-width) solid var(--tab-border-color); border-right: var(--tab-border-width) solid var(--tab-border-color);
margin-bottom: var(--button-bottom-margin); margin-bottom: var(--button-bottom-margin);
margin-left: var(--button-left-margin);
} }
.publishbtn { .publishbtn {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
@ -1364,7 +1368,7 @@ div.container {
font-family: var(--header-font); font-family: var(--header-font);
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 10%; width: 10%;
margin: 5px; margin: var(--button-margin);
min-width: var(--button-width-chars); min-width: var(--button-width-chars);
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
@ -1373,6 +1377,7 @@ div.container {
border-left: var(--tab-border-width) solid var(--tab-border-color); border-left: var(--tab-border-width) solid var(--tab-border-color);
border-right: var(--tab-border-width) solid var(--tab-border-color); border-right: var(--tab-border-width) solid var(--tab-border-color);
margin-bottom: var(--button-bottom-margin); margin-bottom: var(--button-bottom-margin);
margin-left: var(--button-left-margin);
} }
.buttonselectedhighlighted { .buttonselectedhighlighted {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
@ -1893,7 +1898,7 @@ div.container {
min-width: var(--button-width-chars); min-width: var(--button-width-chars);
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 5px; margin: var(--button-margin);
border-top: var(--tab-border-width) solid var(--tab-border-color); border-top: var(--tab-border-width) solid var(--tab-border-color);
border-bottom: none; border-bottom: none;
border-left: var(--tab-border-width) solid var(--tab-border-color); border-left: var(--tab-border-width) solid var(--tab-border-color);
@ -1927,7 +1932,7 @@ div.container {
min-width: var(--button-width-chars); min-width: var(--button-width-chars);
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 5px; margin: var(--button-margin);
border-top: var(--tab-border-width) solid var(--tab-border-color); border-top: var(--tab-border-width) solid var(--tab-border-color);
border-bottom: none; border-bottom: none;
border-left: var(--tab-border-width) solid var(--tab-border-color); border-left: var(--tab-border-width) solid var(--tab-border-color);
@ -1987,7 +1992,7 @@ div.container {
min-width: var(--button-width-chars); min-width: var(--button-width-chars);
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
margin: 5px; margin: var(--button-margin);
border-top: var(--tab-border-width) solid var(--tab-border-color); border-top: var(--tab-border-width) solid var(--tab-border-color);
border-bottom: none; border-bottom: none;
border-left: var(--tab-border-width) solid var(--tab-border-color); border-left: var(--tab-border-width) solid var(--tab-border-color);

1
theme/indymediamodern/theme.json
View File

@ -52,6 +52,7 @@
"container-button-margin": "0px", "container-button-margin": "0px",
"column-left-icon-size": "15%", "column-left-icon-size": "15%",
"column-right-icon-size": "8%", "column-right-icon-size": "8%",
"button-margin": "2px",
"button-height-padding": "5px", "button-height-padding": "5px",
"icon-brightness-change": "70%", "icon-brightness-change": "70%",
"border-width": "0px", "border-width": "0px",