trilium/src/public/stylesheets/mobile.css

106 lines
1.7 KiB
CSS
Raw Normal View History

2018-12-24 05:28:57 +08:00
html, body {
2018-12-25 05:39:17 +08:00
height: 100%;
width: 100%;
2018-12-24 05:28:57 +08:00
margin: 0;
padding: 0;
}
2018-12-25 05:39:17 +08:00
#container-row {
height: 100%;
}
#left-pane {
height: 100%;
display: flex;
flex-direction: column;
}
#global-buttons {
display: flex;
2018-12-31 02:02:42 +08:00
flex-shrink: 0;
justify-content: space-around;
padding: 10px 0 10px 0;
margin: 0 10px 0 16px;
}
2018-12-24 05:28:57 +08:00
#tree {
width: 100%;
2018-12-24 05:28:57 +08:00
overflow: auto;
}
2018-12-25 17:58:40 +08:00
#tree .action-button {
position: relative;
top: -5px;
margin-left: 10px;
}
#detail {
2018-12-29 16:13:52 +08:00
padding: 5px 20px 10px 0px;
2018-12-25 05:39:17 +08:00
height: 100%;
flex-direction: column;
}
#detail-content {
position: relative;
overflow: auto;
flex-direction: column;
/* for some reason detail overflows a little bit so we subtract few pixels */
height: calc(100% - 25px);
/* large left padding is necessary for ckeditor gutter in detail-only (smartphone) layout */
padding-left: 35px;
2018-12-25 03:38:38 +08:00
}
2019-05-03 04:24:43 +08:00
.note-title-row {
2018-12-25 05:39:17 +08:00
display: flex;
2018-12-31 02:15:44 +08:00
padding-left: 15px;
padding-top: 10px;
2018-12-31 02:15:44 +08:00
flex-shrink: 0;
2018-12-25 05:39:17 +08:00
}
.action-button {
background: none;
border: none;
cursor: pointer;
font-size: 1.5em;
padding-left: 0.5em;
padding-right: 0.5em;
}
2018-12-24 05:28:57 +08:00
.fancytree-custom-icon {
font-size: 2em;
}
.fancytree-title {
font-size: 1.5em;
margin-left: 0.6em !important;
}
.fancytree-node {
padding: 5px;
}
.fancytree-node .fancytree-expander:before {
font-size: 2em;
}
kbd {
display: none;
2018-12-29 05:05:04 +08:00
}
.dropdown-menu {
font-size: larger;
}
.fancytree-loading span.fancytree-expander {
width: 32px;
height: 32px;
margin-left: 4px;
}
.fancytree-loading span.fancytree-expander:after {
width: 20px;
height: 20px;
margin: 4px;
border-width: 2px;
border-style: solid;
2018-12-24 05:28:57 +08:00
}