Toggl Track Slim by Katsu2013

/* ==UserStyle==
@name         Toggl Track Slim
@version      20250220.02.38
@namespace    toggl
@description  Toggl Track Slim
@author       Katsu2013
@license      MIT
==/UserStyle== */

@-moz-document url-prefix("https://track.toggl.com/timer") {
/*  */
:root {
  /*  */
  --top-responsive-bar-height: 40px !important;
  /*  */
  --sticky-height: 42px !important;
}

/* ヘッダーバー（メニューボタン含む）を省スペース化 */
.css-1kb96s2-Wrapper,
.css-1a5pxsz-TopResponsiveBarContainer {
  max-height: var(--top-responsive-bar-height);
}

/*  */
.css-1a08mon-TimerFormContent {
  flex-basis: var(--sticky-height) !important;
}

/*  */
.css-fc3fjz-Container {
  height: 42px !important;
}

/*  */
.css-1iwaphe-Page-EnhancedPage-EnhancedPage {
  padding-top: var(--sticky-height) !important;
}

/*  */
.css-g7pf3k-Grid-Grid {
  /*  */
  --sticky-height: 42px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  /* top: unset !important; */
  position: fixed !important;
  width: 100% !important;
}

/*  */
.css-62entx-Input-InputCss-FluidTextInputStyled {
  height: calc( var(--sticky-height) - 10px) !important;
  max-height: calc( var(--sticky-height) - 10px) !important;
}

/* */
.rbc-time-view.rbc-time-view-resources .rbc-time-header {
  top: calc(var(--top-responsive-bar-height) + var(--sticky-height) + 112px + 32px);
  padding-top: 3px;
}


.css-mmsj4t-Root {
  padding-bottom: 6px !important;
}

.css-11qj320-Grid-Grid {
  --sticky-height: unset !important;
  row-gap: 2px !important;
  padding: 2px 12px 4px !important;
  /* padding-top: 2px !important;
  padding-bottom: 4px !important; */
}

.css-1ehnzok-Description-noOverflow {
  padding-left: 12px !important;
}

.css-1liqhhc-Container {
  padding: unset !important;
}

.css-1fojm4-BillableSwitchContainer {
  margin-left: unset !important;
  margin-right: unset !important;
}
.css-pudrhu-TimerOptions {
  flex: unset !important;
}

.css-1khvd32-Grid-Grid {
  --sticky-height: 42px !important;
  row-gap: unset !important;
  padding: 4px 20px 4px;
}

/*  */
[aria-label="Time entry description"] input[type="text"] {
  height: 41px !important;
}

.rbc-time-header {
  margin-top: -16px;
}

.css-1y9ud2w-Grid-Grid {
  top: 84px;
}

/*  */
@media only screen and (min-width: 1024px) {
  /*  */
  :root {
    /*  */
    --top-responsive-bar-height: 0px !important;
  }


  /*  */
  .css-g7pf3k-Grid-Grid {
    width: calc(100% - var(--current-nav-width)) !important;
  }
}
}