entrouvert
/
gadjo
15
0
Fork 0
Code Issues Pull Requests 3 Releases Activity

css: make appbar responsive (#74725)
gitea/gadjo/pipeline/head This commit looks good Details

This commit is contained in:
Thomas Jund 2023-05-03 16:51:40 +02:00 committed by Thomas Jund
parent 3d30c80b97
commit b35baa7c0e
1 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
gadjo/static/css/gadjo.scss
View File

@ -507,10 +507,10 @@ div#content {
}
}
div#main-content > h2,
div#appbar > h2,
div#main-content .top-title h2,
div#content h2 {
#main-content > h2,
#appbar > h2,
#main-content .top-title h2,
#content h2 {
margin-top: 0;
font-weight: normal;
color: #161c2a;
@ -1118,12 +1118,22 @@ $appicons: add, agendas, announces, bankcard, book, calendar, cards, categories,
#appbar {
position: relative;
border-radius: 3px 3px 0 0;
display: flex;
flex-wrap: wrap;
align-items: baseline;
margin-bottom: 20px;
& > h2 {
margin-bottom: 0;
}
span.actions {
position: absolute;
bottom: 0px;
right: 0;
position: relative;
flex: 1 1 auto;
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
> * {
float: right;
margin-left: 2em;
}
@media print {
@ -1198,7 +1208,6 @@ $appicons: add, agendas, announces, bankcard, book, calendar, cards, categories,
background: linear-gradient(to right, $primary-color 30%, $secondary-color 100%);
border-radius: $cell-border-radius;
padding: 1rem;
padding-bottom: 5px;
margin-bottom: 1rem;
h2 {
color: white;