SharePoint Online Slim Style by Katsu2013

/* ==UserStyle==
@name         SharePoint Online Slim Style
@version      20250402.06.51
@namespace    https://userstyles.world/user/Katsu2013
@description  SharePoint Online Slim Style
@author       Katsu2013
@license      MIT
==/UserStyle== */

@-moz-document domain("sharepoint.com") {
/* アイコン および タイトル 部分 を狭く */
[data-automationid="SiteHeader"] {
  height: calc(64px + 4px) !important;
}

/* ファイル などの間隔を狭く */
.ms-DetailsList-contentWrapper .ms-DetailsRow,
.ms-DetailsList-contentWrapper .ms-DetailsRow-fields,
.ms-DetailsList-contentWrapper .ms-List-cell {
  height: 33px;
  min-height: 33px;
}
.ms-DetailsList-contentWrapper .ms-DetailsRow-check {
  height: 26px;
  min-height: 26px;
}
.ms-DetailsList-contentWrapper .ms-DetailsRow-cell {
  height: 32px;
  min-height: 32px;

  padding-top: 4px;
  padding-bottom: 4px;

  padding-left: 4px;
  padding-right: 4px;
}

/* アップロード確認が狭すぎる */　/* だけれど、この設定はよろしくない */
.ms-Callout-main {
  /* min-height: 260px; */
}

/*  */
.ms-Dialog-main {
  margin-top: 0;
}


/* */
.SPOApp:not(.od-Browser--ie) .od-ItemContent-list {
  margin-top: 6px;
}

[dir=ltr] .od-ItemContent-footer,
[dir=ltr] .od-ItemContent-header,
[dir=ltr] .od-ItemContent-list {
  padding-left: 16px;
  padding-right: 16px;
}


.xlg .od-ItemContent-header,
.xxlg .od-ItemContent-header,
.xxxlg .od-ItemContent-header,
.xxxxlg .od-ItemContent-header {
  padding-top: 6px;
}

@media screen and (min-height: 384px) {
  .xlg .od-ItemsScopeList-page .od-ItemsScopeList-content-sticky .ms-DetailsList-headerWrapper,
  .xlg .od-ItemsScopeList-page .od-ItemsScopeList-content-sticky table .ms-viewheadertr th,
  .xxlg .od-ItemsScopeList-page .od-ItemsScopeList-content-sticky .ms-DetailsList-headerWrapper,
  .xxlg .od-ItemsScopeList-page .od-ItemsScopeList-content-sticky table .ms-viewheadertr th,
  .xxxlg .od-ItemsScopeList-page .od-ItemsScopeList-content-sticky .ms-DetailsList-headerWrapper,
  .xxxlg .od-ItemsScopeList-page .od-ItemsScopeList-content-sticky table .ms-viewheadertr th,
  .xxxxlg .od-ItemsScopeList-page .od-ItemsScopeList-content-sticky .ms-DetailsList-headerWrapper,
  .xxxxlg .od-ItemsScopeList-page .od-ItemsScopeList-content-sticky table .ms-viewheadertr th {
    top: calc(84px - 27px);
  }
}


.od-FilePicker-main .ms-List-page .ms-List-cell .ms-Stack {
  margin-top: -4px;
  font-size: 85%
}

.od-FilePicker-main .ms-DetailsRow,
.od-FilePicker-main .ms-DetailsRow-fields,
.od-FilePicker-main .ms-List-cell,
.od-FilePicker-main .ms-DetailsRow-cell {
  height: 43px;
  min-height: 43px;
}

[data-automation-key*="fileSizeColumn_"] div {
  padding-right: .5em;
  text-align: right;
}

/* 新しいスタイルでの設定 */
[class*="headerViewsContainer_"] {
  height: 40px;
  grid-template-rows: 40px;
  margin-top: 0;
}

[class*="listHeader_"] {
  padding-top: 0;
  padding-bottom: 0;
}

:where(.odsp-spartan-list) .odsp-spartan-cell {
  padding-top: 4px;
  padding-bottom: 4px;
}

:where(.odsp-spartan-list) .odsp-spartan-cell,
.odsp-spartan-list [class*="row_"] [class*="rowSelectionCell_"] {
  min-height: 20px; 
}

[class*="personDisplayPill_"] {
  height: 19px;
  margin-top: 0;
  margin-bottom: 0;
}

.odsp-spartan-cell[class*="userField_"] {
  padding-top: 4px;
  padding-bottom: 0px;
}


}